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.
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
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.