CSS / Sass

CSS (Cascading Style Sheets) ist die Standardsprache für die Gestaltung von Webinhalten, gepflegt vom W3C. Zusammen mit HTML und JavaScript bildet CSS eine der drei Kerntechnologien der Webplattform. Modernes CSS (2024–2025) hat sich erheblich weiterentwickelt — mit Features wie Container Queries, Cascade Layers, dem :has()-Selektor, nativem CSS-Nesting, Subgrid, color-mix(), individuellen Transform-Properties und View Transitions. Der Abstand zwischen CSS und Präprozessoren wird dadurch immer kleiner.

Sass (Syntactically Awesome Style Sheets) ist der meistverbreitete CSS-Präprozessor. Die SCSS-Syntax verwendet die vertrauten geschweiften Klammern und Semikolons und ist damit vollständig kompatibel mit Standard-CSS, während die eingezogene .sass-Syntax auf Whitespace setzt. Obwohl natives CSS inzwischen Variablen und Nesting unterstützt, bietet Sass nach wie vor mächtige Features wie Mixins, eigene Funktionen und ein Modulsystem, die über das hinausgehen, was der Browser nativ kann. PostCSS verfolgt einen anderen Ansatz als Plugin-basierter CSS-Transformer und bildet die Grundlage für Tools wie Autoprefixer, CSS Modules — und Tailwind CSS.

Die MDN Web Docs bieten die massgebliche CSS-Referenz mit Browser-Kompatibilitätstabellen, Tutorials und interaktiven Beispielen. Für Sass behandelt die offizielle Sass-Dokumentation die Sprache, Built-in-Module und Migrationsleitfäden. Das PostCSS-Repository pflegt ein Plugin-Verzeichnis und Anleitungen zur Integration von CSS-Transformationen in jede Build-Pipeline.