Seite 24 - Monthly Archives: May 2025

Wer Alpine.js und Livewire ohne klare Trennlinie mischt, produziert unnötige Server-Roundtrips und Zustände, die beim Re-Render verschwinden. Mit entangle, gezieltem Event-Dispatching und einer sauberen Aufgabenteilung zwischen Server-State und Client-State werden hybride Komponenten im TALL Stack vorhersehbar und performant.

Falsch gesetzte Dateiberechtigungen sind eine der häufigsten Ursachen für gehackte Webserver und kaputte Deployments. Dieser Leitfaden erklärt das read/write/execute-Modell, symbolische und oktale chmod-Notation, den Unterschied zwischen chmod und chown sowie eine praxiserprobte Berechtigungs-Baseline für Magento-Webroots mit www-data-Ownership, 755 für Verzeichnisse und 644 für Dateien.

Das Observer Pattern entkoppelt einen Zustandsträger von den Codeteilen, die auf dessen Änderungen reagieren müssen, ganz ohne direkte Referenzen zwischeneinander. Von einer minimalen Subject-Klasse über das native EventTarget-Interface bis zu WeakRef-basiertem Cleanup zeigt dieser Artikel, wie das Observer Pattern in reinem JavaScript robust implementiert wird.

Ein Warenkorb-Icon, ein Lupensymbol für die Suche oder ein reines Icon für Social-Share-Buttons sieht für sehende Nutzer selbsterklärend aus, für einen Screenreader ist ein solcher Button ohne zusätzliche Auszeichnung schlicht ein namenloses Button-Element. Dieser Artikel vergleicht die drei gängigen Patterns visually-hidden-Text, aria-label und title-Attribut technisch fundiert und zeigt anhand von Warenkorb-, Such- und Social-Share-Icons in Hyvä, welches Pattern wann tatsächlich zuverlässig funktioniert.

Tabellarische Daten sind in fast jeder Automatisierungsaufgabe präsent: Exportdateien, Berichte, Konfigurationen, Migrationsquellen. Mit den richtigen Werkzeugen – awk für Spaltenoperationen, read mit IFS für Zeilenverarbeitung, mapfile für den Speicher – lassen sich CSV und TSV in Bash zuverlässig und ohne externe Abhängigkeiten verarbeiten.

Lange Cache-Zeiten für CSS und JavaScript sind gut für die Performance, aber gefährlich, wenn sich der Inhalt einer Datei ändert, ihre URL jedoch gleich bleibt. Dieser Artikel zeigt, warum content-hash-basierte Versionierung über json_manifest_path oder AssetMapper der Query-String-Variante vorzuziehen ist, wie Nginx und CDN korrekt konfiguriert werden und welche Fallstricke bei Multi-Server-Deployments ohne geteiltes Manifest lauern.

Ein geteilter Link ohne Bild, mit abgeschnittenem Titel oder falscher Beschreibung wirkt unprofessionell und wird seltener geklickt. Open-Graph-Tags steuern exakt, wie eine URL bei Facebook, LinkedIn, WhatsApp und weiteren Plattformen als Vorschau erscheint. Wer og:image, og:title und og:description korrekt setzt und die Bildgrößen pro Plattform beachtet, verwandelt jeden geteilten Link in eine kleine Werbeanzeige statt in eine verpasste Chance.

KI-Assistenten wie Claude beschleunigen die Entwicklung, übernehmen aber auch unsichere Muster aus Trainingsdaten, etwa fehlende Input-Validierung, veraltete Krypto-Funktionen oder permissive Standardrechte. Mit gezieltem Security-Prompting und einem Review-Prozess, der KI-Code wie jeden menschlichen Beitrag behandelt, lassen sich diese Risiken systematisch reduzieren.

Nuxt-Module sind das Werkzeug, mit dem sich Build-Prozess, Runtime und sogar die Entwicklerwerkzeuge eines Nuxt-Projekts erweitern lassen. In diesem Artikel bauen wir Schritt für Schritt ein eigenes Modul, das einen Hook in den Build-Prozess einklinkt, typsichere Optionen mitbringt und am Ende ein eigenes Tab in den Nuxt DevTools registriert.

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.