Seite 50 - Mironsoft Blog

Alpine.js Sticky Table Header: Scroll-Aware Tabellen

Juli 22, 2025

x-data

Alpine

Alpine.js · Sticky Header · IntersectionObserver · CSS

Sticky Table Header:
Scroll-Aware Tabellen mit Alpine.js

Lange Vergleichstabellen ohne fixierten Header kosten Nutzer Zeit und Orientierung. Mit position: sticky, Alpine.js x-data und IntersectionObserver entsteht ein vollständig scroll-aware Tabellenkopf – mit Shadow-Indikator, optionaler Spalten-Markierung und responsiver Fallback-Strategie, ohne jQuery-Plugin und ohne JavaScript-basierte Position-Berechnung.

10 Min. Lesezeit position:sticky · IntersectionObserver · x-data · Responsive Alpine.js 3.x · Magento 2 · Hyvä Themes

Inhaltsverzeichnis

1. Das Problem langer Tabellen ohne fixierten Header
2. position: sticky – die CSS-Grundlage
3. IntersectionObserver: Wann ist der Header sichtbar?
4. Shadow-Indikator: visuelles Feedback beim Scrollen
5. Alpine.js Setup: x-data als Observer-Controller
6. Spalten-Synchronisation und Breiten-Berechnung
7. Interaktive Sortierung mit Alpine.js State
8. Responsive-Strategie: Horizontales

Terminal in PHPStorm: Wann es genug ist und wann eine externe Shell besser ist

Maxim Mironjuk - Juli 22, 2025

Das integrierte Terminal in PHPStorm ist für die meisten Alltagsaufgaben ausreichend – Magento-CLI, Composer, Git-Befehle. Aber es hat Grenzen: kein persistentes Session-Management, kein tmux, kein vollständiges Multiplexing. Dieser Artikel erklärt, wann das integrierte Terminal reicht und wann eine externe Shell produktiver ist.

Tailwind has: Die CSS :has() Variante für kontextabhängige Styles

Juli 21, 2025

</>

tw

Tailwind CSS · CSS :has() · Eltern-Selektor · Tailwind v4

Tailwind has:
Die CSS :has() Variante für kontextabhängige Styles

CSS :has() ist der erste echte Eltern-Selektor in der Geschichte von CSS. In Tailwind v4 nutzt du ihn direkt im Markup: has-[:checked], has-[input:focus], has-[.error]. Das ermöglicht Styles, die auf den Zustand von Kindselementen reagieren – ohne JavaScript und ohne eigene CSS-Datei.

13 Min. Lesezeit has-[:checked] · has-[input:focus] · has-[.error] · group-has Tailwind CSS v4 · Chrome 105+ · Firefox 121+ · Safari 15.4+

Inhaltsverzeichnis

1. Was CSS :has() grundlegend anders macht
2. Syntax der Tailwind has-Variante
3. has-[:checked]: Formulare und Toggle-UI
4. has-[input:focus]: Fokus-Zustände auf Wrappern
5. has-[.klasse]: Komponentenzustände steuern
6. Bedingte Layouts mit has in Tailwind
7. not-has: Negation des Eltern-Selektors
8. group-has und peer-has als Kompositions-Pattern
9. has vs. group vs. peer im direkten Vergleich
10. Zusammenfassung
11. FAQ

Rollback-Strategien für Magento: Dateien, Datenbank, Queue-Zustand, Assets

Juli 21, 2025

CI/CD

.yml

GitLab · CI/CD · Magento · Rollback-Strategien

Rollback-Strategien für Magento
Dateien, Datenbank, Queue & Assets

Ein Magento-Rollback ist mehr als ein Symlink-Wechsel. Datenbank, Queue-Nachrichten, Static Content und Elasticsearch-Indizes folgen eigenen Regeln. Wer nur Dateien zurückrollt, riskiert Inkonsistenzen, die schwieriger zu beheben sind als das ursprüngliche Problem.

15 Min. Lesezeit Datei-Rollback · DB-Rollback · Queue · Static Content · Elasticsearch GitLab CI/CD · Magento 2 · Zero Downtime

Inhaltsverzeichnis

1. Die vier Schichten eines Magento-Rollbacks
2. Datei-Rollback: Symlink, Generated Code und Static Content
3. Datenbank-Rollback: Backup-Strategie und Expand-Contract
4. Queue-Zustand beim Rollback: Was mit RabbitMQ-Nachrichten passiert
5. Static Assets und Elasticsearch-Index nach dem Rollback
6. Entscheidungsbaum: Welche Rollback-Strategie passt?
7. Rollback-Strategien in der GitLab-Pipeline abbilden
8. Rollback-Szenarien im Vergleich
9. Zusammenfassung
10.

Pagination, Filter und Sortierung in REST APIs sauber entwerfen

Juli 21, 2025

{ }

GET

REST API · Pagination · Filter · Sortierung

Pagination, Filter und Sortierung
in REST APIs sauber entwerfen

List-Endpoints sind die komplexesten Teile einer REST API: Sie müssen Pagination, Filterung und Sortierung konsistent unterstützen, ohne die API-Oberfläche aufzublasen. Der Unterschied zwischen einem gut und einem schlecht entworfenen List-Endpoint liegt in drei Entscheidungen: Cursor oder Offset, welche Filterparameter erlaubt, und wie das Meta-Objekt die Konsumenten informiert.

17 Min. Lesezeit Cursor · Offset · Filter · Sort · Meta-Objekt REST API Design · OpenAPI 3.x

Inhaltsverzeichnis

1. Die Grundentscheidung: Cursor oder Offset?
2. Offset-Pagination: einfach, aber mit Grenzen
3. Cursor-Pagination: konsistent bei veränderlichen Daten
4. Das Meta-Objekt: was Konsumenten wirklich brauchen
5. Filter-Parameter: Syntax, Typen und Grenzen
6. Sortierung: einfach konsistent halten
7. List-Endpoints vollständig in OpenAPI dokumentieren
8. Performance-Überlegungen für Pagination

Property-based Testing für PHP-Projekte

Juli 20, 2025

@test

assert

PHPUnit · Property-based Testing · Eris · Fuzzing

Property-based Testing
für PHP-Projekte mit PHPUnit und Eris

Beispielbasierte Tests prüfen nur die Fälle, die dem Entwickler eingefallen sind. Property-based Testing dreht den Ansatz um: statt konkreter Eingaben formuliert man Invarianten – Eigenschaften, die für jede denkbare Eingabe gelten müssen – und lässt die Bibliothek Tausende zufälliger Gegenbeispiele suchen.

16 Min. Lesezeit Invarianten · Generatoren · Shrinking · Eris · PHPUnit PHPUnit 10/11 · PHP 8.3/8.4

Inhaltsverzeichnis

1. Was Property-based Testing von Beispieltests unterscheidet
2. Invarianten formulieren: das Herz des Ansatzes
3. Eris: Property-based Testing für PHP
4. Generatoren: strukturierte Zufallsdaten erzeugen
5. Shrinking: minimale Gegenbeispiele automatisch finden
6. Praxisbeispiele: Preisberechnung und Validierung
7. Property-based vs. Example-based: Direktvergleich
8. Zusammenfassung
9. FAQ

1. Was Property-based Testing von Beispieltests unterscheidet

Alpine.js x-collapse: Smooth Akkordeon-Animation ohne CSS-Hack

Juli 20, 2025

x-data

Alpine

Alpine.js · x-collapse · Animation · Akkordeon

Alpine.js x-collapse:
Smooth Akkordeon-Animation ohne CSS-Hack

Der max-height-Trick funktioniert, sieht aber nie wirklich flüssig aus. Alpine.js x-collapse animiert die tatsächliche Inhaltshöhe, reagiert auf dynamische Inhalte und integriert sich nahtlos in Alpine-State – ohne eine einzige Zeile eigenes JavaScript.

10 Min. Lesezeit x-collapse · x-show · x-transition · Akkordeon · FAQ Alpine.js 3.x · Hyvä Themes

Inhaltsverzeichnis

1. Das Problem mit dem max-height-Hack
2. Was x-collapse leistet und wie es intern funktioniert
3. Installation und Einbindung in Alpine.js
4. Ein einfaches Akkordeon mit x-collapse aufbauen
5. Exklusives Akkordeon: nur ein Panel gleichzeitig offen
6. Animationsgeschwindigkeit und Easing anpassen
7. Dynamische Inhalte und asynchrones Laden
8. Barrierefreiheit: aria-expanded und Tastaturnavigation
9. x-collapse vs. max-height vs. x-transition im Vergleich
10. Zusammenfassung
11. FAQ

1. Das Problem mit

Stored Procedures, Trigger und Views: Noch sinnvoll oder nur Altlast?

Maxim Mironjuk - Juli 20, 2025

Stored Procedures, Trigger und Views existieren in MySQL seit Jahrzehnten und polarisieren bis heute. Eine ehrliche Bewertung: Wann sie noch ihren Platz haben, wo sie scheitern und wie Magento Trigger intern für seinen EAV-Indexer-Mechanismus einsetzt.

PHPUnit

PHPUnit Deprecations und Upgrades in Altprojekten sauber fahren

Mir Admin - Juli 20, 2025

Wer ein gewachsenes PHP-Projekt auf PHPUnit 10 oder 11 hebt, begegnet einer Flut von Deprecation-Notices, geänderten Assertion-Signaturen und entfernten Interfaces. Dieser Artikel zeigt einen strukturierten Weg durch die Migration – ohne die laufende Testsuite zu gefährden und ohne jede Testklasse auf einmal anfassen zu müssen.

Symfony Webhooks: Externe Ereignisse typsicher verarbeiten

Juli 19, 2025

SF

{ }

Symfony · Webhooks · Messenger · HMAC · PHP

Symfony Webhooks:
Externe Ereignisse typsicher verarbeiten

Webhooks von Stripe, GitHub, Shopify oder eigenen Diensten kommen als HTTP-POST-Requests an – ohne Typsicherheit, ohne Schema-Garantien und potenziell von gefälschten Absendern. Symfony bietet mit dem Webhook-Component, Messenger und HMAC-Signaturprüfung eine vollständige Infrastruktur, um externe Ereignisse sicher, typsicher und asynchron zu verarbeiten.

17 Min. Lesezeit HMAC · WebhookConsumer · Messenger · Retry · Typsicherheit Symfony 7.x · PHP 8.3+

Inhaltsverzeichnis

1. Warum Webhooks typsichere Verarbeitung brauchen
2. Das Symfony Webhook Component installieren
3. HMAC-Signaturprüfung: Absender verifizieren
4. Eigene WebhookParser für verschiedene Dienste
5. Typsichere Webhook-Event-Objekte mit DTOs
6. Asynchrone Verarbeitung mit Symfony Messenger
7. Retry-Strategien und Fehlerbehandlung
8. Idempotenz: doppelte Webhooks sicher abfangen
9. Vergleich: Webhook-Verarbeitungsstrategien