Seite 249 - Maxim Mironjuk

Drag-and-Drop wirkt simpel, bis man Ghost-Images debuggt, Touch-Events auf Mobilgeräten nicht funktionieren und der Zustand nach dem Drop nicht konsistent ist. Vue 3 bietet mit der Composition API und spezialisierten Bibliotheken alle Bausteine für ein sauberes Drag-and-Drop ohne visuellen oder logischen Chaos.

Ein Dateiupload ohne Fortschrittsanzeige, ohne Vorschau und ohne verständliche Fehlermeldungen frustriert Nutzer. Vue 3 bietet mit der Composition API, der FileReader-API und Axios-Upload-Progress alle Bausteine für einen professionellen Dateiupload — wenn man weiß, wie sie zusammenspielen.

Multi-Store klingt in Magento 2 oft einfacher, als es im Betrieb wirklich ist. Mehrere Shops in einer Instanz können enorme Vorteile bringen, aber nur wenn Websites, Stores, Store Views, Kataloglogik und Verantwortlichkeiten sauber modelliert werden.

Reproduzierbare Entwicklungsumgebungen sind kein Luxus – sie sind Voraussetzung für stabile Teams und zuverlässige CI-Ergebnisse. Dev Container und Docker-basierte Workspaces in PhpStorm verbinden containerisierte Umgebungen mit vollem IDE-Komfort: Autocompletion, Navigation, Debugging und Refactoring laufen im Container, der Editor bleibt lokal.

Ein Domain-Typ bündelt einen Basisdatentyp mit einem oder mehreren Constraints zu einem eigenen, benannten Typ, den beliebig viele Tabellen und Spalten wiederverwenden können. Dieser Beitrag zeigt CREATE DOMAIN und ALTER DOMAIN im Detail, praktische Beispiele für E-Mail-Adressen und positive Beträge, Migrationen bestehender Spalten und die Grenzen dieses Ansatzes gegenüber Constraints pro Spalte.

Seit Vue 3.4 (und weiter verfeinert in Vue 3.5) übernimmt das Compiler-Makro defineModel die gesamte Verdrahtung, die früher aus einer props-Deklaration, einem emits-Eintrag und einem manuellen emit('update:modelValue', wert) bestand. Wer v-model an eigenen Komponenten anbietet, kommt mit einer einzigen Zeile aus, die sich wie ein normaler ref verhält, aber automatisch in beide Richtungen synchronisiert.

WCAG 2.2 wurde im Oktober 2023 vom W3C als Empfehlung verabschiedet und bringt neun neue Erfolgskriterien mit, die WCAG 2.1 gezielt ergänzen. Für Shops, die bereits auf 2.1 AA geprüft sind, bedeutet das keinen Neustart, aber eine konkrete Liste an zusätzlichen Prüfpunkten, die vor allem im Checkout spürbar werden.

Wer hat wann was auf Production deployed? Diese Frage ist im E-Commerce keine akademische Übung, sondern eine Compliance-Anforderung. GitLab bietet die Werkzeuge, um Deployments nachvollziehbar zu machen – von Audit-Logs über Protected Branches bis zu erzwungenen Review-Prozessen.

Die Hyvä Tailwind-Config ist das zentrale Steuerelement für Farben, Schriften, Abstände und Plugins im Magento-2-Frontend, entscheidet aber auch darüber, ob Tailwind wirklich jede genutzte Klasse im gebauten CSS findet oder ob Styles im Storefront plötzlich fehlen. Dieser Artikel zeigt, wie ein Child-Theme wie Mironsoft/default die tailwind.config.js des Hyvä-Parent-Themes per require() und Object-Spread erweitert, wie theme.extend eigene Design-Tokens für Farben, Fonts und Spacing aufnimmt, wie Plugins wie Typography, Forms und Aspect-Ratio registriert werden und wie die content-Pfade so konfiguriert sind, dass Tailwind alle phtml-, JS- und Alpine-Dateien im Theme und in Hyvä-Modulen zuverlässig erfasst.

Negative Grid-Linien-Nummern zaehlen vom Ende des Grids rueckwaerts, sodass grid-column: 1 / -1 immer die volle Breite abdeckt, egal ob das Grid drei, sechs oder zwoelf Spalten hat. Wer positive Linien-Nummern hart codiert, muss bei jeder Aenderung der Spaltenanzahl jede Platzierung von Hand nachziehen. Negative Linien machen das Layout robust gegen genau diese Aenderung.