Scalable Modular Architecture for CSS (SMACSS)

Scalable Modular Architecture for CSS (SMACSS)

Jonathan Snook
CSS Master
5 hours, 51 minutes

Become a Master

This course and others like it are available as part of our Frontend Masters video subscription.

Watch Free Preview Join Frontend Masters
CSS architecture expert Jonathan Snook shares his experience building large sites with large teams to make your CSS more maintainable using his Scalable Modular Architecture for CSS (SMACSS) methodology. Learn categorization and naming convention—things that might seem simple at first but can actually be quite difficult. Then go deeper with a number of concepts and examples that help demonstrate when to create class rules instead of element rules, how to limit depth of applicability, and how to manage visual states.
Published: February 18, 2015

Table of Contents

Categorization

Naming Convention

Decoupling CSS from HTML

State-based Design