カテゴリー:
CSS
閲覧数:385 配信日:2019-09-30 10:12
これまで
Webサイト毎に異なるデザインを構築＆表示
→ もうそんな時代ではない
Webサイト単位で class名 を決定してきた
→ 時間経過すると忘れる。プロジェクト間で整合性が取れなくなる
これからは
プロジェクト単位でデザインを構築＆表示
同じプロジェクトに属するWebサービスは、全て同じデザインを適用する
プロジェクトをも横断してclass名を決定していく
→ class名は、全プロジェクトでなるべく共通化させていく
OOCSSを参考にした独自ルールを設定
自分が使いやすいようにする
内容自体もそうだが、それ以上に「統一した書き方を継続使用できる」ことが大事
「共通」部分と「拡張」部分を分離してクラスを定義する
それらを組み合わせてスタイルを定義する
CSS区切り文字
・ハイフン採用
・Googleがハイフンって言ってるからハイフンって、そんな安直な考えで本当に良いの？ CSS 「id」「class」名 に関する調査履歴 2
CSS至上主義を改める
・1プロパティだけ異なるケースは、HTMLへ直書
・他でも利用している場合、CSSを使用
※CSS作成は、「class名を見て、どこで使用しているか思い出せるぐらいの数」に留めておくことが理想