設計
CSSの設計
4

本シリーズのまとめとして、OOCSSという考え方やjQuery UIのCSSの書き方を解説します。この2つから学べることはとても大きいのです。(監修:フロントエンド・エンジニア 高津戸 壮)

高津戸 壮
高津戸 壮 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター

前回はモジュールの設計を詳しく解説しました。今回はモジュールに設定する余白について考えてみます。基本ルールを決め、基本ルールではうまくいかない場合は、微調整するというのがポイントです。(監修:フロントエンド・エンジニア 高津戸 壮)

高津戸 壮
高津戸 壮 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター

前回は「枠とモジュール」でCSSを設計する考え方を解説しました。この記事ではさらにモジュール名の名前をどのように付けたらよいか、また、モジュールの切り分けをどのようにしたらいいかを解説します。(監修:フロントエンド・エンジニア高津戸 壮)

高津戸 壮
高津戸 壮 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター

このシリーズでは、なるべくメンテナンスしやすい、可読性の高いCSSを設計する考え方を解説します。第1回目は、現状のCSSの問題点と、枠とモジュールで設計する考え方を紹介します。(監修:フロントエンド・エンジニア高津戸 壮)

高津戸 壮
高津戸 壮 | フロントエンド・エンジニア
外村 奈津子
外村 奈津子 | エディター