Seite 21 - Monthly Archives: July 2025

Ein Back to Top Button klingt nach einem trivialen UI Element, entpuppt sich bei genauerem Hinsehen aber als kleines Bündel von Detailentscheidungen: wann er erscheinen soll, wie er scrollt, wohin der Fokus nach dem Klick wandert, und wie er sich mit anderen fixierten Elementen wie Cookie Bannern verträgt. Alpine.js liefert dafür ein kompaktes, vollständig barrierefreies Muster.

Die meisten heute verkauften Bildschirme können deutlich mehr Farben darstellen, als sRGB jemals kodieren kann. Mit der color() Funktion und display-p3 lassen sich diese zusätzlichen, kräftigeren Farbtöne gezielt in CSS nutzen, mit sauberem Fallback für Geräte, die nur den klassischen Gamut unterstützen.

API-Keys für interne Service-zu-Service-Kommunikation haben ein strukturelles Problem: Ein gestohlener Key lässt sich von überall nutzen, ohne dass der Server merkt, dass die Anfrage nicht vom erwarteten Service stammt. Mutual TLS löst das, indem beide Seiten der Verbindung sich gegenseitig per Zertifikat ausweisen, nicht nur der Server gegenüber dem Client.

Fällt der Master eines Redis-Setups ohne Automatisierung aus, entscheidet die Reaktionszeit eines Menschen über die Ausfallzeit einer Anwendung. Redis Sentinel überwacht Master und Replicas kontinuierlich, stimmt sich mit weiteren Sentinel-Instanzen über den tatsächlichen Zustand ab und befördert bei einem echten Ausfall automatisch eine Replica zum neuen Master, ohne dass jemand manuell eingreifen muss.

Wenn neue Objekte teuer zu initialisieren sind, kopiert das Prototype Pattern einen vorhandenen Prototyp. Wie Magento clone() und Factory::create() nutzt – und wann du es selbst anwenden solltest.

Das Shared Kernel Pattern loest ein Problem, das in fast jeder Symfony Microservice Landschaft entsteht: mehrere Services brauchen dieselben Value Objects, Fehlercodes oder Event Vertraege. Dieser Artikel zeigt, wie ein Shared Kernel als eigenes, versioniertes Composer Paket aufgebaut wird, was hineingehoert, was draussen bleiben muss, und wie Contract Tests eine schleichende Kopplung verhindern.

Die Wahl der Datenschicht entscheidet über Type-Safety, Caching-Verhalten und die Geschwindigkeit, mit der ein React-Team neue Features ausliefert. REST bleibt der pragmatische Standard, GraphQL bringt flexible Queries für komplexe Datenmodelle, und tRPC liefert End-to-End-Typsicherheit ohne Schema-Sprache, sofern Backend und Frontend im selben TypeScript-Monorepo liegen.

setTimeout(fn, 0) als Workaround für DOM-Timing-Probleme ist ein Code-Smell in Alpine.js-Projekten. $nextTick ist die saubere Alternative – sie wartet exakt auf den Abschluss des nächsten Render-Durchlaufs, nicht auf einen willkürlichen Millisekunden-Wert.

Eine vollständige OpenAPI-Spezifikation erlaubt, Client-SDKs für dutzende Programmiersprachen automatisch zu generieren, statt sie für jede Zielsprache manuell zu pflegen. Der bloße Aufruf eines Codegen-Werkzeugs erzeugt aber selten von Anfang an ein SDK, das sich für Entwickler tatsächlich angenehm anfühlt, weshalb echte Qualität erst durch bewusste Zusatzarbeit an der Spezifikation und der Generator-Konfiguration entsteht.

Klassisches Tailwind CSS erzeugte in der Entwicklung Stylesheets mit 3 MB und mehr. Der JIT-Compiler löst dieses Problem fundamental: Er scannt Template-Dateien in Echtzeit, generiert ausschließlich benötigte Klassen on demand und bringt arbiträre Werte wie [clamp(1rem,5vw,3rem)] ohne Konfiguration zum Laufen.