Seite 306 - Mironsoft Blog

Scroll Snap ist CSS – kein JavaScript. Mit Tailwind CSS und wenigen Utility-Klassen entsteht ein Touch-fähiger Slider, der auf jedem Gerät nativ funktioniert. Alpine.js ergänzt Navigationspfeile, Dot-Indikatoren und Keyboard-Support ohne eine einzige externe Bibliothek zu laden.

SVG-Icons ersetzen zunehmend Icon-Fonts, bringen aber ohne bewusste Auszeichnung keinerlei Text für Screenreader mit. Wer bedeutungstragende Icons wie einen Wishlist-Herz-Button nicht mit einem klaren Namen versieht und dekorative Icons nicht mit aria-hidden versteckt, baut unsichtbare oder verwirrende Bedienelemente. Dieser Artikel zeigt die richtige Technik für beide Fälle, mit einem vollständigen Praxisbeispiel.

Fast jedes moderne PHP-Framework verspricht eine PSR-15-kompatible Middleware-Pipeline, doch was intern passiert, bleibt für viele Entwickler eine Blackbox. Wir bauen die Pipeline Schritt für Schritt selbst, ohne Framework, und zeigen am Beispiel von Logging-, Auth- und CORS-Middleware, wie das Onion-Modell technisch funktioniert.

Die eingebauten Symfony Validator-Constraints decken Standardfälle ab – aber Geschäftslogik wie eindeutige Slugs, domänenspezifische Formate oder Abhängigkeiten zwischen Feldern erfordern eigene Constraint-Klassen. Wer sie richtig implementiert, hält Validierungslogik testbar, wiederverwendbar und sauber von Controllern getrennt.

Verschachtelte Aggregation berechnet eine Kennzahl aus bereits aggregierten Werten, etwa den durchschnittlichen Tagesumsatz aus täglichen Summen, statt direkt aus einzelnen Zeilen. Da SQL das direkte Verschachteln von Aggregatfunktionen wie AVG(SUM(spalte)) in derselben SELECT-Ebene verbietet, zeigt dieser Artikel, wie Subqueries und CTEs verschachtelte Aggregation sauber und korrekt umsetzen.

Inkonsistenter Code entsteht nicht aus Böswilligkeit, sondern aus fehlenden Werkzeugen. EditorConfig, PHP CS Fixer und PhpStorm-Inspektionen zusammen erzwingen einheitlichen Code automatisch – ohne Diskussionen im Code-Review.

Ein Carousel für verwandte Produkte ist schnell mit einer schweren JS-Bibliothek eingebunden und genauso schnell zum Performance-Problem geworden. Wer Hyvä-typisch bleibt, baut das Carousel mit Alpine und einer minimalen Swiper-Integration, lädt Bilder konsequent lazy und stellt sich ehrlich die Frage, ob ein statisches Grid nicht sogar die bessere Wahl wäre.

Scale-up und Scale-out loesen unterschiedliche Probleme, werden aber oft wie austauschbare Optionen behandelt. Vertikale Skalierung bedeutet mehr Leistung fuer eine einzelne Instanz, horizontale Skalierung bedeutet mehr Instanzen fuer dieselbe Last. Wer diese Entscheidung falsch trifft, baut entweder ein unnoetig komplexes verteiltes System oder stoesst frueher als noetig an eine harte Kapazitaetsgrenze.

Props machen Komponenten konfigurierbar. Slots machen sie erweiterbar. Scoped Slots geben dem Konsumenten die Kontrolle über die Darstellung — während die Komponente die Logik behält. Wer Slots und Scoped Slots in Vue.js wirklich versteht, baut Komponenten, die sich in jedem Kontext nahtlos einfügen.

Wer HAVING und WHERE als austauschbare Filterklauseln behandelt, produziert Abfragen, die zufaellig funktionieren oder unnoetig langsam laufen. Der Unterschied liegt in der Ausfuehrungsreihenfolge: WHERE filtert vor der Aggregation, HAVING danach, und genau das entscheidet, was ueberhaupt gefiltert werden kann.