Seite 25 - Monthly Archives: May 2025

dnd-kit übernimmt die komplexe Logik hinter Drag-and-Drop, Kollisionserkennung, Tastatursteuerung und Sensor-Management, liefert aber bewusst keine eigenen Styles mit. Die gesamte visuelle Kommunikation, welches Element gerade gezogen wird, wo es landen kann und wo die Lücke für den Drop entstehen wird, bleibt Aufgabe von CSS und Tailwind. Wer diese drei Zustände sauber trennt und über dnd-kits data-Attribute steuert, bekommt ein Drag-and-Drop-Erlebnis, das sich flüssig anfühlt und dem Nutzer jederzeit klar zeigt, was gerade passiert.

Wer Bash-Skripte mit hartcodierten Pfaden und starren Parametern schreibt, zwingt sich zu manuellem Editieren bei jedem Aufruf. Argumente und Flags in Bash sauber parsen bedeutet: skalierbare CLI-Schnittstellen mit getopts, manuellen Long-Option-Schleifen, vollständiger Validierung und verständlicher Usage-Ausgabe zu bauen – die sich in jede Pipeline integrieren lassen.

Tooltips, die am Rand des Viewports abgeschnitten werden, Dropdowns, die hinter anderen Elementen verschwinden, und Popovers, die nicht mit dem Scroll-Position synchron bleiben – all das löst das x-anchor-Plugin von Alpine.js mit der Floating-UI-Engine, automatischem Flip-Verhalten und Scroll-Awareness.

Tabs die nach dem Reload wieder denselben Tab zeigen, die Zurück-Schaltfläche des Browsers unterstützen und als Deep-Link per E-Mail teilbar sind – das sind keine SPA-Features. Das ist URL-Hygiene mit zehn Zeilen Alpine.js und der nativen History-API des Browsers.

Redis uebernimmt in Magento 2 zwei grundverschiedene Aufgaben: schreibintensiven Session-Storage und leselastiges Caching, oft auf demselben Server ohne saubere Trennung. Dieser Artikel zeigt, wie man den Speicherbedarf fuer Redis-Sessions berechnet, env.php und redis.conf fuer getrennte Instanzen konfiguriert und mit Monitoring rechtzeitig erkennt, wenn die Redis-Dimensionierung an ihre Grenzen stoesst.

Statt für jede Transparenzstufe und jede Hover-Abdunklung eine eigene, fest generierte Utility-Klasse zu pflegen, berechnet die CSS-Funktion color-mix() Farbmischungen zur Laufzeit im Browser. Kombiniert mit CSS-Variablen für Theme-Farben lässt sich damit ein komplettes Farbsystem mit deutlich weniger generiertem CSS bauen.