Seite 352 - Mironsoft Blog

Unoptimierte Bilder sind auf den meisten Websites die größte einzelne Ursache für schlechte Core Web Vitals. Das Nuxt Image Modul automatisiert Formatkonvertierung, responsive Größen und Lazy Loading, sodass eine einzige Komponente aus einem rohen Upload das passende Bild für jedes Gerät und jede Netzwerkverbindung generiert, ohne manuelle Bildbearbeitung im Vorfeld.

env.php gehört nicht ins Repository und nicht in den Build-Artefakt. Wer das missachtet, baut ein Release-Modell, das beim ersten Umgebungswechsel bricht. Dieser Beitrag erklärt, wie app/etc, Shared-Verzeichnisse und config.php korrekt im Symlink-Release-Modell mit GitLab CI/CD zusammenspielen.

Alpine.js-Komponenten wirken oft interaktiv und modern, bleiben für Screenreader und Tastaturnutzer jedoch häufig unbrauchbar, wenn ARIA-Attribute nicht reaktiv mit dem Komponentenzustand verbunden sind. Dieser Artikel zeigt praxisnah, wie man x-bind:aria-expanded, x-on:keydown und sauberes Fokus-Management korrekt einsetzt, und baut ein vollständig barrierefreies Akkordeon sowie ein Dropdown-Menü Schritt für Schritt von Grund auf, inklusive Tastaturnavigation und Screenreader-Unterstützung.

Dateien die im Container als root erstellt wurden und auf dem Host nicht bearbeitbar sind, Volume-Mounts die Lese- oder Schreibzugriff verweigern, Prozesse die mit UID 0 laufen obwohl das nicht nötig wäre – Docker Dateirechte sind eines der häufigsten Probleme in der täglichen Entwicklung und im Produktionsbetrieb. UID/GID-Mapping, fixuid und rootless Docker lösen diese Konflikte systematisch.

Caching in Symfony bedeutet mehr als $cache->get(). Wer wirklich Performance gewinnen will, kombiniert mehrere Cache-Ebenen: APCu für ultraschnelle In-Process-Daten, Redis für shared State zwischen PHP-Prozessen, HTTP-Cache für komplette Response-Wiederverwendung — und hält alle drei Ebenen mit Tag-basierter Invalidierung konsistent.

Headless-Architekturen trennen das Frontend vollständig vom Backend und kommunizieren über APIs, was Entwicklerteams große Freiheit bei der Wahl der Frontend-Technologie gibt, aber gleichzeitig Verantwortung für Dinge überträgt, die ein klassisches, serverseitig gerendertes System wie ein Standard-Magento-Theme automatisch mitliefert. Dieser Artikel beschreibt, welche Rendering-Strategie für welchen Anwendungsfall passt, wie URL-Struktur zwischen Backend und Frontend konsistent bleibt und welche SEO-Regressionen bei einer Migration auf Headless am häufigsten auftreten.

Magento-Unit-Tests ohne Bootstrap laufen in Sekunden statt in Minuten. Aber nicht jede Magento-Klasse lässt sich sinnvoll ohne Framework-Initialisierung testen. ViewModels, reine Service Classes, Plugins auf einfache Daten-Transformationen und Preisberechnungslogik sind ideal. Block-Rendering, Layout-Verarbeitung und Observer-Ketten hingegen brauchen den Bootstrap – und das ist kein Versagen des Tests.

htmx bringt AJAX, Swap-Übergänge und serverseitiges Rendering zurück in einfache HTML-Attribute, und Tailwind CSS liefert dazu das passende Utility-First-Styling ohne separates Frontend-Build. Dieser Artikel zeigt, wie Ladezustände, Übergänge zwischen Swaps und dynamisch nachgeladene Fragmente konsistent gestylt werden, ohne dass ein komplettes JavaScript-Framework nötig ist.

Ein einzelner Conditional Type prüft eine Bedingung einmal. Rekursive Conditional Types wenden dieselbe Bedingung wieder und wieder auf sich selbst an, bis eine Abbruchbedingung erreicht ist, und verwandeln damit verschachtelte Objekte, Tupel und Strings vollständig zur Compile-Zeit. Wer die Mechanik, das Rekursionslimit und das Tail-Rekursion-Muster kennt, kann DeepReadonly, Tupel-Reverse oder rekursive Template Literal Types robust selbst schreiben.

Photoshop-Ebeneneffekte direkt im Browser — ohne Export, ohne JavaScript. CSS Blend Modes ermöglichen Duotone-Effekte, Textur-Overlays und kreative Typographie rein im Stylesheet. Der Schlüssel liegt im Verständnis der Mathematik hinter multiply, screen und overlay sowie dem Compositing-Kontext, den isolation kontrolliert.