Seite 5 - Monthly Archives: March 2026

Import Maps loesen ein Problem, das ES Module im Browser seit ihrer Einfuehrung hatten: bare Specifiers wie import { render } from "preact" funktionieren nativ nicht, ohne dass ein Build-Schritt den Pfad umschreibt. Mit einer Import Map traegt der Browser selbst die Aufloesung, Scopes erlauben sogar unterschiedliche Versionen fuer verschiedene Modulbereiche, ganz ohne Webpack oder Vite.

Eine Datenbank mit niedriger CPU-Auslastung kann trotzdem drastisch langsam antworten, weil Sessions in Wirklichkeit auf Locks, Festplatten-IO oder Netzwerk warten, nicht auf freie Rechenzeit. Wait Events machen genau diese unsichtbare Wartezeit messbar und kategorisierbar. Wer systematisch zwischen Lock Waits und IO Waits unterscheidet, findet die tatsächliche Root Cause, statt an CPU- oder Speichermetriken vorbeizuoptimieren.

Wer Kartendaten direkt im eigenen Shop verarbeitet oder speichert, vervielfacht den Aufwand für Audits, Netzwerksegmentierung und jährliche Zertifizierung. Hosted Fields, Iframe-Tokenisierung und Redirect-Zahlungen halten Magento-Shops konsequent außerhalb des PCI-Scopes, reduzieren den Self-Assessment-Aufwand auf SAQ A und schützen Kunden gleichzeitig vor Datendiebstahl und Skimming-Angriffen.

grid-auto-flow: dense füllt Lücken in einem CSS Grid automatisch, indem es bei jeder Platzierung rückwärts sucht. Das erzeugt ein dichtes, lückenloses Layout, kann dabei aber die visuelle Reihenfolge der Elemente deutlich von ihrer Reihenfolge im Markup trennen, mit direkten Folgen für Tastatur-Navigation und Screenreader.

Wer für jede Marke ein eigenes Theme abzweigt, zahlt bei jedem Hyvä-Update doppelt. Eine durchdachte Multi-Store-Theme-Strategie nutzt stattdessen Magentos Fallback-Hierarchie aus Theme, Website und Store-View, um ein gemeinsames Hyvä-Theme für mehrere Stores konsistent, wartbar und update-sicher zu betreiben.

Wenn ein Shell-Skript durch Ctrl+C, kill oder einen Fehler beendet wird, bleiben ohne Signal-Handling Lockfiles, temporäre Dateien und halbfertige Datenbankoperationen zurück. Das Bash-Builtin trap registriert Handler für SIGINT, SIGTERM, SIGPIPE, ERR und EXIT — und macht Cleanup zu einem zuverlässigen, geordneten Prozess.

when: manual und allow_failure loesen zwei unterschiedliche Probleme in GitLab CI: das eine steuert, wer einen Schritt auslösen darf, das andere, ob ein Fehlschlag die Pipeline blockiert. Richtig kombiniert entstehen daraus sichere Rollout-Gates fuer Produktions-Deploys und optionale Zusatzschritte, die niemanden aufhalten.

Wer eine eigene Zahlungsmethode im Hyvä-Checkout registrieren will, kommt mit den klassischen Knockout-Renderer-Listen aus dem Luma-Checkout nicht weiter. Hyvä-Checkout löst Payment-Templates über Block-Aliase in Layout-XML auf, während die Formularlogik komplett mit Alpine.js, phtml-Templates und PHP-ViewModels abgebildet wird. Dieser Artikel zeigt den vollständigen Weg von Payment-Method-Model über Template-Registrierung, Alpine-Validierung und serverseitige Hooks bis zu PCI-Compliance-Fragen für Magento 2.4.8-p4.

Claude Code kann Junior-Entwicklern in Minuten liefern, wofür sie früher Stunden gebraucht hätten, doch schnelle Lösungen ersetzen kein echtes Verständnis von Fehlerursachen, Architekturentscheidungen und eigenständigem Debugging. Dieser Artikel zeigt, wie angehende Magento- und Hyvä-Entwickler KI-Tools bewusst als Lehrmittel statt als reine Abkürzung einsetzen und wie Teams ihre Mentoring-Prozesse entsprechend anpassen sollten.

Textfluss um geometrische Formen war im Webdesign lange ein unerfüllter Wunsch. CSS shape-outside macht es möglich: Texte fließen um Kreise, Ellipsen und Polygone — float-basiert, ohne JavaScript, direkt in CSS. shape-margin, shape-image-threshold und clip-path vervollständigen das Werkzeug für editoriales Webdesign.