SMACSSとは? SMACSS とは Scalable and Modular Architecture for CSS の略で、「スマックス」と読みます。 SMACSSの公式サイトでは、「CSSをより体系立て、より構造化させることで制作とメンテナンスをより容易に行うテクニック」と書かれており、サイトの運用をしていく中で、CSSを中心としたWEBコーディングを効率的に行うための考え方です。 SMACSSで設計する目的 SMACSSの公式サイトでは、CSSをカテゴライズすることの目的を『デザインの中で繰り返されるパターンを体系立てるため』と解説しています。 繰り返しのパターン化によるメリットとしては、次のことが挙げられています。 コード量が少なくなる メンテナンス性を高める ユーザー体験の一貫性の向上 これらはどんなサイトでもメリットとなるため、小規模から大規模まで、さまざまなサイトでSM