Was bedeutet SMACSS?

SMACSS (gesprochen: »Smacks«) steht für »Scaleable and modern Architektur for CSS«. In erster Linie ist SMACSS eine Sammlung vom Hilfestellungen und Namenskonventionen zur Organisation von CSS-Projekten.

Der CSS-Code wird dabei in folgende Bereiche untergliedert:

• Base
  Elementares Styling von HTML-Elementen.
• Layout
  Unterteilung der Website in grobe Sinnabschnitte wie Header, Footer, Content etc.
• Module
  Wiederverwertbare Bereiche des Layouts – z. B. Boxen, Formulare, Slider etc.
• State
  Zustände von Elementen – z. B. .is-collapsed für Accordions.
• Theme
  Styling für eventuelle Themes, bei multimandantenfähigen Projekten.

Das Konzept kann unter smacss.com eingesehen und in Form eines eBooks kostenlos heruntergeladen werden.