Scalable and Modular Architecture for CSS

from Jonathan Snook

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?!

Get to know Scalable and Modular Architecture for CSS:


    1. About the Author
    2. Introduction


    1. Categorizing CSS Rules
    2. Base Rules
    3. Layout Rules
    4. Module Rules
    5. State Rules
    6. Theme Rules
    7. Changing State

Aspects of SMACSS

    1. Depth of Applicability
    2. Selector Performance
    3. HTML5 and SMACSS
    4. Prototyping

Aspects (cont) Premium access

    1. Preprocessors
    2. Drop the Base
    3. The Icon Module
    4. Complicated Inheritance
    5. Screencast: Applying the Principles


  1. Formatting Code
  2. Resources

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

Preview for Scalable and Modular Architecture for CSS
Original Price:
Original Publication Date:
December 21, 2011