1. Web Design
  2. HTML & CSS

Quick Tip: Fix Your Messy CSS With SMACSS

Read Time:1 minLanguages:

Face it, your CSS is a complete mess! Today I'm going to introduce you to SMACSS, a set of guidelines and principles to tidy up your stylesheets, making your projects better organised, flexible and scalable.


SMACSS stands for Scalable and Modular Architecture for CSS and is the brain child of Jonathan Snook. It's a simple set of rules which guide you in laying out your CSS. In this quick video I'll give you an overview of SMACSS - if you'd like to learn more about it, take a look at my Premium Course where I go into much greater detail. Tuts+ Premium members can also download a copy of the SMACSS ebook.

Useful Resources

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.