SMACSS: Scalable Modular Architecture for CSS
Make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology.
What you'll learn
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.
Table of contents
Course FAQ
SMACSS stands for Scalable Modular Architecture for CSS, which is a methodology or style guide to help make your CSS more maintainable and consistent.
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
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.
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
Jonathan writes about tips, tricks, and bookmarks on his blog. He has also written for A List Apart, 24ways, and .net magazine, and has co-authored two books, The Art and Science of CSS and Accelerated DOM Scripting. He has also 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. When not writing books and speaking at conferences, Snook works at Shopify.