Seite 122 - Mironsoft Blog

Ein Designteam liefert meist genau einen Hex-Wert für die Markenfarbe, aber Tailwind erwartet eine vollständige Skala von 50 bis 950 für Hintergründe, Rahmen, Text und Hover-Zustände. Wer diese elf Stufen von Hand in einem Grafikprogramm zusammenklickt, bekommt selten ein konsistentes Ergebnis, weil sich Helligkeit und Sättigung ohne festen Farbraum kaum gleichmäßig abstufen lassen. Mit einer OKLCH-basierten Interpolation lässt sich dieser Prozess automatisieren und liefert Skalen, die sich genauso gleichmäßig anfühlen wie Tailwinds eingebaute Paletten.

IndexedDB ist die mächtigste Offline-Speicherlösung im Browser: strukturierte Daten, Gigabyte-Kapazität, Transaktionen, Indexes und asynchrone Abfragen ohne Block des UI-Threads. Wer die Grundlagen beherrscht, baut Offline-first-Apps, die auch ohne Netzwerkverbindung vollständig funktionieren.

Gute GraphQL-Dokumentation ist keine statische Datei, sondern lebt im Schema selbst – ergänzt durch Introspection-Tools, lebende Beispielqueries, Deprecation-Strategien und einen Schema-Registry-Workflow, der Änderungen kommunizierbar macht.

Automatisierte Scanner finden nur einen Bruchteil der Barrieren einer Webanwendung, und manuelle Prüfung ist zeitaufwendig. Claude hilft bei Barrierefreiheitstests, indem es ARIA-Struktur analysiert, Testfälle für Tastaturbedienung generiert und Screenreader-Szenarien durchdenkt, als Ergänzung zu automatisierten Tools und menschlicher Prüfung.

Das Data-Safety-Formular in der Play Console verlangt präzise Angaben darüber, welche Daten eine App erfasst, wofür sie genutzt werden und ob sie an Dritte weitergegeben werden. Wer diese Angaben aus dem Bauch heraus ausfüllt statt aus dem tatsächlichen Code- und SDK-Bestand abzuleiten, riskiert Store-Ablehnungen und Vertrauensverlust. Dieser Artikel zeigt eine systematische Vorgehensweise.

Während Frontend-Performance mit den DevTools bis ins Detail sichtbar ist, bleibt die Backend-Seite für den Browser meist eine Blackbox. Die Server-Timing-API schließt diese Lücke, indem sie serverseitige Messwerte wie Datenbankzeit, Cache-Status oder Rendering-Dauer über einen einfachen HTTP-Header direkt in die Browser-Werkzeuge und die Navigation-Timing-API überträgt.

Scroll Snap bringt das Verhalten klassischer Karussell-Bibliotheken direkt in den Browser: Der Nutzer scrollt frei, aber der Container rastet an definierten Positionen ein, sauber und ruckelfrei. Wer scroll-snap-type und scroll-snap-align richtig kombiniert, spart eine komplette JavaScript-Abhaengigkeit und bekommt dabei Touch-Gesten, Tastatursteuerung und Barrierefreiheit quasi geschenkt.

Wer Inline-Skripte in Hyvä-Templates ohne das richtige Muster einbaut, sieht früher oder später eine blockierte Ausführung in der Browser-Konsole statt eines funktionierenden Alpine-Widgets. CSP in Hyvä basiert auf einem klaren Zusammenspiel aus Magento_Csp, dem HyvaCsp-ViewModel, csp_whitelist.xml und einem Hash-Mechanismus, der Full Page Cache und strikte Content Security Policy gleichzeitig möglich macht. Dieser Artikel zeigt jeden Baustein mit echtem Code aus Magento 2.4.8 und PHP 8.4.

Eine Schleife registriert fünf Buttons, jeder Klick zeigt dieselbe Zahl statt der erwarteten Reihenfolge. Dieses Muster heißt stale Closure und trifft nicht nur klassische var-Schleifen, sondern auch moderne Event Handler und asynchronen Code. Dieser Artikel zeigt, wo stale Closures entstehen, warum let das Problem oft löst und wie man verbleibende Fälle systematisch debuggt.

Filter Utilities wie blur, brightness und grayscale wirken auf den ersten Blick wie kosmetische Spielerei, lösen in Tailwind aber ein technisch anspruchsvolles Problem: mehrere Filter-Funktionen werden zu einer einzigen CSS-Deklaration komponiert. Wer versteht, wie diese Komposition funktioniert und wo Backdrop-Filter an Grenzen stoßen, baut Effekte, die auch auf Mobilgeräten flüssig bleiben.