Scalable Modular Architecture for CSS (SMACSS)

Scalable Modular Architecture for CSS (SMACSS)

Topics:
5 hours, 51 minutes

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.

Published: February 18, 2015
Get Unlimited Access Now
Table of Contents

Categorization

Naming Convention

Decoupling CSS from HTML

State-based Design