Scalable Modular Architecture for CSS (SMACSS)

Scalable Modular Architecture for CSS (SMACSS)

image description

Course Description

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.

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

Curriculum

Section 1: Categorization

Section 2: Naming Convention

Section 3: Decoupling CSS from HTML

Section 4: State-based Design