Seite 6 - Monthly Archives: February 2026

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.

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.

Wenn mehrere Spiegel-APIs dieselbe Antwort liefern koennten und nur das schnellste erfolgreiche Ergebnis zaehlt, ist Promise.any() der richtige Kombinator, klar abgegrenzt von Promise.race() und Promise.allSettled().

Autovervollständigung, rote Wellenlinien und Rename Symbol wirken im Editor wie eingebaute Magie. Tatsächlich steckt dahinter ein eigener, dauerhaft laufender Prozess: der TypeScript Language Server. Wer versteht, wie tsserver Projekte erkennt, Anfragen beantwortet und mit Speicher umgeht, kann Performance-Probleme gezielt lösen statt den Editor einfach neu zu starten.

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.

Kein separater Generierungsschritt, kein Client-Rebuild nach jeder Schemaänderung: Drizzle leitet Query-Typen live aus dem TypeScript-Schema ab.

Pipeline-Aggregationen rechnen nicht über einzelne Dokumente, sondern über die Ergebnisse anderer Aggregationen. Damit werden Trends, gleitende Durchschnitte und kumulierte Summen direkt in der Query berechnet, statt sie fehleranfällig im Anwendungscode nachzubilden. Wer Sibling- und Parent-Pipelines verwechselt, bekommt Aggregationsfehler oder falsch verschachtelte Ergebnisse.

Ein Load-Test, der nur die Startseite mit gleichmäßiger Rate anfragt, sagt wenig über das tatsächliche Verhalten eines Systems unter echter Last aus. Claude hilft dabei, k6- oder JMeter-Skripte zu entwickeln, die reale Nutzerpfade abbilden, deckt beim Review typische Fehler in der synthetischen Lasterzeugung auf und unterstützt bei der Interpretation der Ergebnisse jenseits des irreführenden Durchschnittswerts.

Overloads erlauben es, für eine einzelne Funktion mehrere aufrufbare Signaturen zu definieren, während im Hintergrund nur eine einzige Implementierung existiert. Richtig eingesetzt liefern sie deutlich präzisere Rückgabetypen als eine einzelne Signatur mit Union-Types, bringen aber auch eigene Fallstricke mit, etwa bei der Auflösungsreihenfolge oder bei unerreichbaren Signaturen.