マガジンのカバー画像

ペパボのデザイナーが書きました

91
GMOペパボ株式会社のデザイナーが note に書いた記事をまとめています
運営しているクリエイター

2020年4月の記事一覧

CSSの設計に関する雑記

CSSはとても壊れやすいです。 この問題を克服するための手段として、クラス名やディレクトリ構造に対して運用ルールを設けるといった手段が取られてきました。 機械的なルールの限界時に、運用ルールは、UI(ユーザーインターフェース)から離れた、機械的なルールを採用してしまうことがあります。 この例は、CSSのクラス名の命名規則の中に見ることができ、連番や過度な省略表記といった符合的なクラス名を生み出します。 /* 例:クラス名に連番を当てる */.btn-01 {}.btn-0