Archive: 2025-01 | Seite 22
Archive: January 2025
-
05.01.2025
Die Standard-Suchbox von Hyvä springt erst nach Enter zur Ergebnisliste und zeigt während der Eingabe keine Vorschläge. Live-Search-Autocomplete im Hyvä-Header schließt genau diese Lücke: eine GraphQL-Suggestion-Query liefert Produkte, Kategorien und Preise, eine schlanke Alpine.js-Komponente steuert Debounce, Request-Cancellation und Tastatur-Navigation, und ein CSP-konformes Rendering hält den Shop dabei sicher und performant.
-
05.01.2025
Ob ein Tailwind Design System wirklich genutzt wird oder nur auf dem Papier existiert, lässt sich nicht erraten, sondern messen. Ein Utility-Audit-Skript, eine klare Token-Nutzungsquote und regelmäßige Drift-Berichte verwandeln vage Eindrücke in belastbare Zahlen, mit denen sich Investitionsentscheidungen tatsächlich begründen lassen.
-
05.01.2025
Twig 3 teilt die CoreExtension in kleinere Bausteine auf, aendert das Escaping-Verhalten fuer eigene Filter und entfernt lange als veraltet markierte Funktionen. Wer diese Breaking Changes vor dem Composer-Update kennt und Deprecations gezielt sucht, migriert Symfony-Templates ohne boese Ueberraschungen in der Produktion.
-
05.01.2025
Largest Contentful Paint gilt als die wichtigste der drei Core Web Vitals für die wahrgenommene Ladegeschwindigkeit einer Seite, wird aber in der Praxis häufig falsch angegangen, indem pauschal versucht wird, die Seite als Ganzes schneller zu machen. Der erste nötige Schritt ist, das tatsächliche LCP-Element einer Seite zu identifizieren, das oft nicht das Element ist, das man intuitiv erwarten würde. Der zweite Schritt ist, die LCP-Zeit in ihre vier Phasen, TTFB, Load Delay, Load Time und Render Delay, zu zerlegen und jede Phase gezielt und einzeln zu optimieren, statt eine diffuse Verbesserung der Gesamtzeit anzustreben.
-
05.01.2025
Vue Transitionen sind mächtig, aber voller versteckter Fallen. Ein falsch gesetztes CSS-Property löst Layout Reflow aus und macht die Animation ruckelig. Ein fehlender key-Wechsel lässt Elemente verschwinden, ohne dass Transition überhaupt ausgelöst wird. Dieser Artikel erklärt, wie Vue Transitionen tatsächlich funktionieren, welche CSS-Properties smooth laufen und welche Muster in der Praxis zuverlässig schöne Animationen liefern.
-
05.01.2025
MySQL 8 hat zwei kleine, aber praxisrelevante Index-Funktionen eingeführt, die in älteren Versionen schlicht fehlten: echte absteigende Indizes und unsichtbare Indizes. Vorher simulierte der Optimizer eine absteigende Sortierung durch einen Rückwärts-Scan über einen aufsteigenden Index, was bei gemischten Sortierrichtungen über mehrere Spalten hinweg an klare Grenzen stieß. Und ein bestehender Index ließ sich früher nur durch tatsächliches Löschen testen, ein riskanter Schritt in einer produktiven Magento-Datenbank. Dieser Artikel zeigt, wie beide Funktionen intern arbeiten, wann sich der Umbau eines bestehenden Index wirklich lohnt und wie sich Indexänderungen in einer laufenden Installation risikoarm durchführen lassen.
-
05.01.2025
Ein abgelaufenes TLS-Zertifikat ist einer der wenigen Fehler, die einen Shop komplett offline nehmen können, ohne dass ein einziger Codefehler dahintersteckt. Wer TLS-Zertifikat-Ablauf mit Bash und openssl überwacht, erkennt drohende Ausfälle Wochen im Voraus und verhindert den nächtlichen Notfalleinsatz.
-
05.01.2025
Wer in Docker-Containern nur mit var_dump und Logs debuggt, schöpft das Potential der Entwicklungsumgebung nicht aus. Xdebug 3 mit PhpStorm verbindet den Debugger direkt mit dem Container – für echte Breakpoints, Variable-Inspektion und Stack Traces ohne einen einzigen var_dump().
-
04.01.2025
Wer Magento- und Hyvä-Shops nur in Chromium testet, übersieht Rendering-Unterschiede, die echte Kunden in Firefox oder Safari tatsächlich treffen. Playwright macht es einfach, dieselbe Testsuite gegen mehrere Browser-Engines laufen zu lassen, doch echte Wirkung entsteht erst durch eine bewusste Browser-Matrix, die auf realen Analytics-Daten statt auf Standardeinstellungen beruht.
-
04.01.2025
Routing in React war lange eine Quelle von Laufzeitfehlern: falsche URL-Parameter, untypisierte Search Params, fehlende Routen-Guards. TanStack Router löst das durch ein vollständig typsicheres Routing-System, bei dem der TypeScript-Compiler jeden Fehler in Navigation, Params und Search Params erkennt – bevor der Code den Browser erreicht.