Seite 20 - Monthly Archives: April 2025

Eine Vergleichstabelle klingt zunächst nach einem simplen HTML-Table mit ein paar Spalten. Sobald aber mehrere Produkte mit unterschiedlich vielen Attributen nebeneinander stehen sollen, eine Nur-Unterschiede-Ansicht gewünscht ist und die Tabelle auch auf einem Smartphone noch bedienbar bleiben muss, wird daraus eine echte kleine Anwendung mit eigenem Zustand. Alpine.js eignet sich für genau diese Aufgabe gut, weil sich Zeilen- und Spaltenlogik komplett deklarativ im Markup abbilden lassen, ohne dass ein eigenes Build-Tooling oder ein Framework wie React nötig wäre.

Mehrstufige Formulare erhöhen die Conversion, wenn sie UX-technisch sauber umgesetzt sind: klare Fortschrittsanzeige, Validierung pro Schritt statt erst beim Submit, und zuverlässige Rückwärtsnavigation ohne Datenverlust. Mit Alpine.js lässt sich dieses Pattern ohne externe Bibliothek vollständig realisieren.

Ein einmaliges Accessibility-Audit schließt eine Liste von Tickets, aber nicht die Lücke, die mit jedem neuen Feature wieder entsteht. Dieser Artikel zeigt, wie automatisierte CI-Checks, wiederkehrende manuelle Audits und ein echter Feedback-Kanal zusammenwirken, damit Barrierefreiheit ein dauerhafter Prozess bleibt und Accessibility-Schulden sichtbar verwaltet werden, statt als erledigt abgehakt zu werden.

Die Darstellung der Versandmethoden im Checkout entscheidet oft über Kaufabbruch oder Abschluss. Im Hyvä-Checkout ersetzt eine schlanke Alpine.js-Komponente, die ihre Daten per GraphQL availableShippingMethods query lädt, die Knockout shipping-rates-Komponente aus Luma. Wer diese Komponente anpassen will, arbeitet mit shipping-methods.phtml, ViewModels und eigenen Carrier-Modellen statt mit uiComponents, Observables und RequireJS-Modulen, und bekommt dafür Kartenansichten, Liefertermine, Freigrenzen-Hinweise und Click-and-Collect als reaktive, wartbare Bausteine.

Wer outline:none ohne Ersatz einsetzt, macht Tastaturnutzern die Bedienung der Seite praktisch unmöglich, weil unsichtbar bleibt, welches Element gerade aktiv ist. Mit :focus-visible, kontraststarken Fokus-Ringen und klaren WCAG-Kriterien lässt sich dieser häufige Fehler gezielt beheben, ohne die visuelle Ruhe für Maus-Nutzer zu opfern.

Eine REST-API, die bei jedem Request dieselben Daten aus der Datenbank lädt und vollständig zurücksendet, verschwendet Bandbreite und Serverressourcen. ETag, Last-Modified und Cache-Control sind die HTTP-Standard-Werkzeuge, die genau das verhindern – mit 304 Not Modified für unveränderte Ressourcen und Proxy-Caching für öffentliche Daten.

Viewport-Breakpoints sind das falsche Werkzeug für wiederverwendbare Komponenten. Eine Produktkarte, die auf 1200px Viewport „schmal" ist, kann auf demselben Viewport in einer Sidebar noch schmaler sein. Container Queries lösen genau dieses Problem – und Tailwind CSS v4 bringt erstklassigen Support dafür mit.

Wer Datenbankpasswörter oder API-Schlüssel direkt im Code speichert, schafft ein Risiko, das auch nach dem Löschen bestehen bleibt, weil Git jede Version dauerhaft aufbewahrt. Dieser Artikel zeigt, wie Magento-Teams Zugangsdaten sauber aus dem Code fernhalten, mit env.php Mustern, Umgebungsvariablen, dedizierten Secrets Managern wie Vault, konsequenter Rotation und automatisiertem Leak Scanning.

Natives Online DDL löst längst nicht jedes Problem großer, schreibintensiver Tabellen. Sobald der interne Row-Log von MySQL an seine Kapazitätsgrenze stößt oder eine Operation zwingend eine volle Tabellenkopie erfordert, bleibt oft nur ein externes Werkzeug. pt-online-schema-change aus dem Percona Toolkit löst genau dieses Problem über einen Trigger-basierten Shadow-Table-Ansatz, der seit vielen Jahren in produktiven Datenbanken mit mehreren hundert Gigabyte im Einsatz ist.

Die Wahl zwischen EasyAdmin 4 und Sonata Admin entscheidet darüber, wie viel Konfigurationsaufwand, Customizing-Freiheit und Lernkurve euer Team für das Backend einplanen muss. Beide Lösungen sind für Symfony gebaut — aber mit grundlegend verschiedenen Philosophien und Zielgruppen.