Seite 362 - Mironsoft Blog

Eine Admin-Sidebar muss gleichzeitig viele Menüpunkte unterbringen, auf kleinen Bildschirmen verschwinden und trotzdem jederzeit erkennen lassen, wo sich die Nutzerin gerade befindet. Dieses Muster zeigt den kompletten Aufbau mit Tailwind CSS und Alpine.js: vom Icon-only-Zustand über verschachtelte Untermenüs bis zum Off-Canvas-Menü auf dem Smartphone, alles ohne zusätzliche JavaScript-Bibliothek.

Wer any unkontrolliert im Code verteilt, hebelt die Typprüfung genau an den Stellen aus, an denen sie am wichtigsten wäre. Dieser Artikel zeigt den praktischen Weg zu einer typsicheren Codebase: noImplicitAny gezielt aktivieren, ESLint-Regeln schrittweise verschärfen, unknown und Generics als Ersatz nutzen und den Fortschritt mit type-coverage messbar machen, ohne die laufende Entwicklung zu blockieren.

Der Symfony Dependency-Injection-Container ist mehr als ein Service-Locator. Dekoratoren ermöglichen es, fremde Services zu erweitern, ohne ihren Code zu ändern. Compiler Passes manipulieren den Container zur Build-Zeit und automatisieren Konfigurationen, die sonst manuell gepflegt werden müssten.

Wer einen Prompt aendert und die neue Antwort nur einmal manuell liest, verwechselt einen Einzelfall mit einer verlaesslichen Verbesserung. Prompt Qualitaet systematisch zu evaluieren bedeutet, Testfaelle, Bewertungsrubriken und automatisierte Vergleiche aufzubauen, die jede Prompt Aenderung objektiv und wiederholbar messbar machen.

will-change signalisiert dem Browser, dass sich eine Eigenschaft demnaechst aendert, und der Browser reagiert darauf oft, indem er ein eigenes Compositing-Layer fuer das Element anlegt. Das beschleunigt einzelne Animationen spuerbar, aber jedes zusaetzliche Layer kostet Grafikspeicher. Wer will-change grosszuegig auf viele Elemente dauerhaft setzt, erzeugt genau die Ruckler, die die Eigenschaft eigentlich verhindern sollte.

Ein Video-Embed ohne festes Seitenverhältnis verschiebt beim Laden das gesamte Layout — und kostet Core Web Vitals-Punkte. Mit den aspect-ratio-Utilities von Tailwind CSS löst man dieses Problem sauber, responsiv und ohne Padding-Hack. Dieser Artikel zeigt alle Patterns — von 16:9 bis zu benutzerdefinierten Verhältnissen.

Eine rohe Liste von Commit-Nachrichten ist kein Changelog, das jemand lesen will. Claude kann Commit-Historien zwischen zwei Releases kategorisieren, zusammenfassen und in eine Struktur bringen, die Nutzer und Entwickler tatsächlich verstehen. Dieser Artikel zeigt den praktischen Workflow, die Abgrenzung zu Tools wie semantic-release und die nötige Qualitätskontrolle.

Wer interaktive Bedienelemente als generische div oder span umsetzt, verliert automatisch Tastaturbedienung, Fokusreihenfolge und Screenreader-Ankündigungen und muss all das mühsam mit ARIA nachbauen. Native HTML-Elemente wie button, a, ul und h2 liefern diese Eigenschaften kostenlos mit. Dieser Artikel zeigt, wie ihr semantische Fehler in Magento- und Hyvä-Templates erkennt und durch die richtigen Elemente ersetzt.

Wird eine React-Native-App per Force-Quit beendet und danach erneut geöffnet, geht standardmäßig der gesamte Navigationszustand verloren, weil sowohl React Navigation als auch Expo Router den aktuellen Screen und die Stack-Historie ausschließlich im Arbeitsspeicher halten. Für viele Apps ist das ein spürbarer Bruch im Nutzungserlebnis, wenn eine tief verschachtelte Ansicht nach jedem Neustart wieder beim Start-Screen beginnt. Dieser Artikel zeigt, wie sich der Navigationszustand gezielt persistieren lässt, welche Konfiguration dafür in React Navigation und Expo Router nötig ist, und wo diese Wiederherstellung bewusst unterbleiben sollte, etwa nach einem abgelaufenen Login.

Die shape()-Funktion erweitert clip-path um echte Kurvenbefehle wie curve to, arc to und smooth to, direkt in lesbarer CSS-Syntax. Wo bisher nur ein externes SVG oder eine grobe Polygon-Annäherung half, entstehen jetzt organische, kurvige Formen ohne Build-Step und ohne Pfad-Editor.