Meisterschaft

CSS · Experte - Architektur, Internals und Grenzfälle

• Die Rendering-Pipeline: Reflow, Repaint, CompositingVerstehe die vier Phasen des Browser-Renderings, damit du genau weißt, welche CSS-Eigenschaften teuer sind und wie will-change unter der Haube funktioniert.
• Cascade Layers (@layer) und @scopeBeherrsche die zwei neuen Kaskadenkriterien - Layers und Scope-Nähe -, um deine Stile ohne Spezifitäts-Kriege zu strukturieren.
• Farben und fortgeschrittene Funktionen: oklch, color-mix, min/maxNutze perzeptuelle Farbräume, die relative Farbsyntax und typisierte Mathematik-Funktionen, um Designsysteme zu bauen, die der Browser für dich berechnet.
• Experten-Grids: subgrid, auto-fit und minmaxBaue selbstanpassende Grids ohne Media Queries und richte verschachtelte Komponenten mit subgrid an den Tracks des Elternteils aus.
• Moderne Interaktionen: scroll-snap, View TransitionsOrchestriere magnetisches Scrollen, vom Browser animierte Zustandsübergänge und die konsequente Beachtung von prefers-reduced-motion.