「当日の視聴は無料」スタイルで開催しますが、アーカイブチケット購入やサブスク登録でサポートくださいますと助かります！
CSSは、Webページのレイアウトや装飾を行うための言語です。記述ルール自体は比較的シンプルですが、効率的にWebページを構築するには、適切な設計が求められます。
近年、カスタムプロパティをはじめ、関数やレイヤー、コンテナークエリなど、新しい機能が次々と追加されており、これらを活用することで、より柔軟で効率的なスタイル設計が可能になっています。
しかし、初学者にとってはCSSの膨大なプロパティや値を習得するだけでも一苦労で、効率的なコーディングを意識する余裕がないことも多いでしょう。
そこで本セッションでは、数ある便利な機能の中から「カスタムプロパティ」に焦点を当て、基本的な使い方の解説と、カスタムプロパティを活用したレイアウト管理の具体例をご紹介します。
具体的には以下のポイントを解説します。これらのポイントを通して、カスタムプロパティを活用した効率的なCSSを記述できるようになりましょう。
- カスタムプロパティとは
- 継承と代替値
- カスタムプロパティを使ったGridの管理
やらないこと
- テキストエディタ（VSCode）のダウンロードやインストール方法
- テキストエディタ（VSCode）の使い方
- 基本的なCSSの書き方
- 基本的なプロパティや値の解説
- @propertyによるカスタムプロパティの定義方法
