Scalable and Modular Architecture for CSS

SMACSS (pronounced “smacks”) is more style guide than rigid framework. There is no library within here for you to download or install. SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It is an attempt to document a consistent approach to site development when using CSS. And really, who isn’t building a site with CSS these days?!

Dieses Bucht steht PREMIUM Mitgliedern kostenlos zu verfügung.

Get to know Scalable and Modular Architecture for CSS:


  • About the Author
  • Introduction


  • Categorizing CSS Rules
  • Base Rules
  • Layout Rules
  • Module Rules
  • State Rules
  • Theme Rules
  • Changing State

Aspects of SMACSS

  • Depth of Applicability
  • Selector Performance
  • HTML5 and SMACSS
  • Prototyping

Aspects (cont) Premium access

  • Preprocessors
  • Drop the Base
  • The Icon Module
  • Complicated Inheritance
  • Screencast: Applying the Principles


  • Formatting Code
  • Resources

Note: The back of the book has a coupon for 50% off other services Jonathan Snook offers!