CSSアーキテクチャ（前編） - スタイルガイド - [SMART]

CSSアーキテクチャとは CSSは仕様がシンプルなため容易に習得できますが、大規模サイトやチームでコーディングする際や、長期的な保守などでは仕様以外の多くの知識が求められます。CSSの仕様を隅々まで理解し、メディアクエリやCSSアニメーションなどを使いこなせるとしても、それでCSSのスキルが高いとは言えません。 CSSの仕様通りに設計できることはゴールではなく、基礎能力にあたります。コードの可読性や保守性を保てるか、チームビルディングが可能かなど、別の側面が非常に重要です。CSSにはこれらの仕様以外の規則を提供してくれるアーキテクチャがいくつも用意されています。 この章では、まずCSSアーキテクチャとはどのようなものかという説明をします。後編では、よく利用されているCSSアーキテクチャの紹介していきます。 設計手法のメリット CSSアーキテクチャで有名な記事では、CSS設計で重要な4つの目