Die neue CSS-Eigenschaft field-sizing macht die bewährten JavaScript-Tricks für automatisch wachsende Textareas überflüssig. Mit field-sizing: content passt sich ein Formularfeld ab der ersten Eingabe an seinen Inhalt an — nativ im Browser, ohne Event-Listener und ohne Layout-Hacks.

Bash-Skripte wachsen schnell über die Größe eines einzelnen Einliners hinaus. Wer Funktionen, lokalem Scope mit local und declare, Bibliotheken über BASH_SOURCE und Namenreferenzen konsequent einsetzt, baut Automatisierungen, die auch nach einem Jahr noch verständlich und erweiterbar sind.

CSS Pseudo-Elemente sind eine der mächtigsten, aber am häufigsten oberflächlich genutzten Funktionen von CSS. ::before und ::after mit content und counter, die modernen Pseudo-Elemente ::marker, ::selection und ::first-line – dieser Artikel zeigt, was wirklich möglich ist und welche Tricks in modernem CSS funktionieren.

CSS revert-layer ist das Schlüsselwort, das die Layer-basierte Kaskade von CSS vollständig nutzbar macht. Es gibt einen Eigenschaftswert auf den Stand zurück, den der vorherige Layer definiert hätte – ohne Specificities zu überschreiben, ohne !important und ohne alle Properties einzeln zu resetten. Zusammen mit @layer entsteht eine skalierbare CSS-Architektur mit präziser Kaskadenkontrolle.

Der Rendering-Tab in Chrome DevTools ist das mächtigste Werkzeug für CSS Performance Profiling und wird von den meisten Frontend-Entwicklern kaum genutzt. Paint Flashing zeigt in Echtzeit, welche Bereiche der Seite neu gezeichnet werden. Der FPS-Monitor gibt sofortiges Feedback über Render-Probleme. Das Layers-Panel macht Compositor-Ebenen sichtbar. Zusammen bilden diese Tools das Fundament für datenbasierte CSS-Performance-Arbeit.

Symfony als Backend-Framework, API Platform als REST-Schicht und React als Frontend bilden einen Stack, bei dem jede Schicht ihre Stärken ausspielt. Das Ergebnis: eine typsichere Fullstack-Applikation, bei der der TypeScript-Client aus dem OpenAPI-Schema generiert wird und JWT-Authentifizierung sauber in beide Schichten integriert ist.