SMACSS

Scalable and Modular Architecture for CSS.

Style guide od Jonathana Snooka.

Je to daleko propracovanější, ale základní myšlenka je v oddělení rozdělení CSS deklarací do těchto kategorií a k nim náležejícím označením ve stylech.

Základna stylování HTML tagů
Layout .l-content, .l-side, …
Modul všechny třídy bez prefixu
Stav .is-collapsed, .is-opened, …
Skinování v extra CSS souboru

Pozn.: Jonathan neříká, že se mají třídy pro layout a stavy prefixovat zrovna takto. Je to na vás. Dělám to takhle na některých projektech a docela se osvědčilo.

Odkazy

Komentáře