Fortgeschritten

CSS · Geübt - fortgeschrittene Muster und Performance

• CSS-Variablen und die Funktionen calc/clampBeherrsche Custom Properties, wie sie zur Laufzeit innerhalb der Kaskade aufgelöst werden, und die Funktionen calc() und clamp() für flüssige Oberflächen.
• Übergänge und Animationen: @keyframes, transform, TimingAnimiere auf dem Compositor mit transform und opacity, strukturiere deine @keyframes und respektiere die Bewegungspräferenzen der Nutzenden.
• Moderne Selektoren: :has, :is, :where, fortgeschrittenes :nth-childNutze die neuen funktionalen Pseudoklassen, um anhand des Inhalts auszuwählen, Selektoren zu gruppieren, ohne die Spezifität aufzublähen, und komplexe Muster gezielt anzusprechen.
• CSS-Architektur: BEM, Utility-First, DateiorganisationVergleiche BEM und den Utility-First-Ansatz, ihre echten Kompromisse im Team, und strukturiere deine Dateien mit Cascade Layers.
• Container Queries und CSS-NestingMach deine Komponenten responsiv gegenüber ihrem Container statt gegenüber dem Viewport und strukturiere deine Stylesheets mit nativem Nesting.