icon-arrow-lefticon-arrow

Erklärung

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.


Ihr Kommentar zu dieser Frage

Ihr Kommentar zu dieser Frage

Bei Fragen, Anregungen oder Kritik zu dieser Frage, nutzen Sie bitte das Kommentar-Formular.

Ihr Kommentar wird überprüft bevor er auf der Website erscheint. Nicht themenrelevante Beiträge werden gelöscht.

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir sind nicht auf eine Branche festgelegt und haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: