Course info
Feb 18, 2015
5h 50m

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.

Course FAQ
Course FAQ
What is SMACSS?

SMACSS stands for Scalable Modular Architecture for CSS, which is a methodology or style guide to help make your CSS more maintainable and consistent.

What will I learn in this course?

In this SMACSS course you will learn about:

  • CSS categorization and naming conventions
  • When to create class rules instead of element rules
  • How to limit depth of applicability
  • How to manage visual states
  • Decoupling CSS from HTML
  • State-based design
  • Much more
Who is this course for?

This course is for anyone who wants to learn SMACSS to better organize and maintain their CSS code. It will be especially useful for web designers or anyone working with large websites.

Are there prerequisites to this course?

Before taking this course you should have a working knowledge of CSS. If you aren't very familiar with CSS yet, or you just need a refresher, you should check out this intro to CSS course beforehand.

About the author
About the author

Jonathan authored and received world-wide acclaim for the self-published book, Scalable and Modular Architecture for CSS, sharing his experience and best practices on CSS architecture.