このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 CSS変数を使ってみよう (01:40) 無料公開中
- CSS変数の概要
- caniuse.comでの調査
-
#02 ひな形ファイルを作っていこう (02:12) 無料公開中
- index.htmlの作成
- ブラウザでの確認
-
#03 基本的な使い方を見ていこう (02:31)
- CSS変数の宣言、値の割当
- CSS変数の利用方法
- デフォルト値
-
#04 CSS変数を継承させよう (01:52)
- CSS変数の継承
- :rootでの利用
-
#05 利用時の注意点を見ていこう (02:35)
- プロパティ名での利用
- 単位の扱い
- calc()
-
#06 テーマカラーを管理してみよう (02:25)
- ボタンの配置
- 色相の統一
-
#07 テーマカラーを変更してみよう (01:52)
- CSS変数の導入
- テーマカラーの変更
- ボタンの配色
-
#08 ランダムにテーマカラーを変えよう (02:28)
- イベントリスナーの設定
- 動作確認
