11月に入って2週間過ぎていきますが…

あと1ヶ月半ぐらいで2024年が終わります！

1年のカレンダーを見ると、2024年のカウントダウンを数えてしまう習慣化になってしまいました…

年末に向けて大忙しのシーズンが始まりますね。

どっかのお店もクリスマスシーズンが始まっているところも見かけるようになりました。

年末にバタバタにならないように余裕のあるスケジュールを組み立ててくださいね。

話を取り戻して…

Webページの色の設定は「:root」を使うべし！

Webページにデザインをするとき、色が決まっていたら、CSSに「:root」を設定しておいてください。

メインカラー、サブカラー、フォントの色、などなど統一感を出すためには、CSSに「:root」を設定しといたほうがいいですね。

:root {
	--Main-Color: /* メインカラーの色設定 */
	--Sub-Color: /* サブカラーの色設定 */
	--Attention-Color: /* 注意事項カラーの色設定 */
	--Font-Color: /* 文字カラーの色設定 */
}

などなど、あらかじめに色を設定しておいたほうが、次回にWebの下層ページに新規ページを作成するときにも銃砲しやすくなります。

/* 商品ページ */
.Page-Products {
	color: var(--Main-Color);
}

などなど、設定しといたほうが統一感がでていいページが見やすくなっていきますね。

:rootを使うことで、作業効率化につながります。

ではまた！