Docker Images verstehen: Layers, Caching, Rebuilds und Registry-Strategien

Juli 11, 2025

Docker Images · Layer · Build Cache · Registry · CI/CD

Docker Images verstehen
Layers, Caching, Rebuilds und Registry-Strategien

Ein Docker Image ist keine Blackbox. Es ist eine geordnete Sequenz von Read-only-Layers, die zusammen das Dateisystem des Containers bilden. Wer versteht, wie Layers aufgebaut werden, warum der Build-Cache invalidiert wird und wie Registries Images effizient distribuieren, schreibt Dockerfiles, die schnell bauen und kleine Images erzeugen.

14 Min. Lesezeit Layer · Build Cache · Multi-Stage · Registry · BuildKit Docker Engine 25+ · BuildKit · GitHub/GitLab Registry

Inhaltsverzeichnis

1. Das Layer-Modell: wie ein Docker Image aufgebaut ist
2. Build-Cache: Regeln und Invalidierung
3. Dockerfile-Reihenfolge für maximales Caching
4. Multi-Stage Builds: Image-Größe reduzieren
5. BuildKit: parallele Builds und erweiterte Caching-Features
6. Image-Größe: was wirklich hilft
7. Registry-Strategien: lokal, CI und Produktion
8. Registry-Typen im Vergleich
9. Image-Sicherheit:

Web Share API: Nativer Teilen-Dialog in JavaScript

Juli 11, 2025

JS

() =>

JavaScript · Web Share API · PWA · Mobile UX · Progressive Enhancement

Web Share API: Nativer Teilen-Dialog
navigator.share() und Share Target API meistern

Benutzerdefinierte Share-Buttons mit hartkodierten Social-Media-Plattformen sind veraltet. Die Web Share API öffnet den nativen Teilen-Dialog des Betriebssystems – der Nutzer entscheidet, welche App er verwendet: WhatsApp, Telegram, Email, Notizen oder eine andere. Das Ergebnis ist eine bessere UX mit weniger Code und ohne Abhängigkeiten von Third-Party-SDKs.

10 Min. Lesezeit Web Share API · Share Target · PWA · navigator.share() Android · iOS · Chrome · Safari · Edge

Inhaltsverzeichnis

1. Warum die Web Share API Social-Buttons überholt
2. navigator.share(): Grundlagen und Optionen
3. Feature Detection und Progressive Enhancement
4. Dateien teilen mit navigator.share() und canShare()
5. User Gesture: Die versteckte Einschränkung
6. Share Target API: PWA als Empfänger registrieren
7. Fallback-Strategien für Desktop und Firefox

Builder Pattern in Magento 2 | Komplexe Objekte Schritt für Schritt

Juli 10, 2025

Magento 2 · Builder Pattern

Builder Pattern
in Magento 2

Das Builder Pattern erzeugt komplexe Objekte Schritt für Schritt. In Magento 2 ist es besonders wichtig bei SearchCriteria, Filtern, Sortierungen und stabilen Konfigurationsobjekten für Services.

12 Min. Lesezeit PHP 8.4 Magento 2.4.8

Inhaltsverzeichnis

1. Was ist das Builder Pattern?
2. Builder Pattern in Magento 2
3. SearchCriteriaBuilder richtig verwenden
4. Eigener Builder für komplexe Requests
5. Vergleich: Builder vs. Factory vs. Constructor
6. Magento 2 Unterstützung
7. Zusammenfassung
8. FAQ

1. Was ist das Builder Pattern?

Das Builder Pattern Magento 2 löst ein sehr praktisches Problem: Manche Objekte sind zu komplex, um sie sauber über einen langen Constructor oder ein großes Array zu erstellen. Ein Objekt braucht vielleicht optionale Filter, mehrere Sortierungen, Pagination, Store-Kontext, Flags, Validierung und Standardwerte. Wenn all diese Parameter direkt an den Constructor gehen,

CSS will-change — sinnvoll einsetzen oder Memory-Leak riskieren

Juli 10, 2025

CSS · Performance · GPU · Memory

CSS will-change
sinnvoll einsetzen oder Memory-Leak riskieren

will-change verspricht flüssigere Animationen durch GPU-Layer-Promotion — und hält dieses Versprechen, wenn es korrekt eingesetzt wird. Auf zu vielen Elementen dauerhaft gesetzt, verursacht es hingegen Memory-Leaks, erhöhten GPU-Memory-Verbrauch und kann Animationen langsamer machen, statt sie zu beschleunigen.

13 Min. Lesezeit will-change · transform-Hack · Layer-Promotion · Memory-Leak · Compositor Alle modernen Browser · Chrome DevTools

Inhaltsverzeichnis

1. Was will-change verspricht und was es wirklich tut
2. Layer-Promotion: wie der Browser GPU-Layer erzeugt
3. Memory-Kosten: warum zu viele Layer schaden
4. Der transform-Hack: translateZ(0) und will-change:transform
5. Wann will-change sinnvoll ist
6. will-change dynamisch setzen und entfernen
7. Die häufigsten will-change-Antipatterns
8. will-change-Szenarien im Vergleich
9. Alternativen und Diagnose-Tools
10. Zusammenfassung
11. FAQ

1.

Review Apps für Magento: realistisch oder Zeitverschwendung?

Juli 09, 2025

CI/CD

.yml

GitLab · CI/CD · Magento · Review Apps

Review Apps für Magento
realistisch oder Zeitverschwendung?

GitLab Review Apps ermöglichen Preview-Umgebungen für jeden Feature-Branch. Klingt verlockend — aber Magento ist kein einfaches Node.js-Projekt. Datenbank, Media, Redis, Elasticsearch und ein komplexer Build-Prozess machen Review Apps zu einem ernsthaften Infrastrukturprojekt.

11 Min. Lesezeit Review Apps · Dynamic Environments · Feature Branch Preview · Staging GitLab CI/CD · Magento 2

Inhaltsverzeichnis

1. Was Review Apps sind und was sie versprechen
2. Warum Magento Review Apps kompliziert macht
3. Wann Review Apps für Magento sinnvoll sind
4. Wann Review Apps Zeitverschwendung sind
5. Eine minimale Review App für Magento bauen
6. Pragmatische Alternativen zu vollständigen Review Apps
7. Staging als gemeinsame Review-Umgebung
8. Review Apps vs. Staging: Vergleich der Ansätze
9. Zusammenfassung
10. Typische Fehler bei Review Apps für Magento
11. FAQ

1. Was Review Apps sind und

Merge-Konflikte in PhpStorm effizient lösen

Juli 09, 2025

IDE

{ }

PhpStorm · Git · Merge-Konflikte · Rebase · PHP-Teams

Merge-Konflikte in PhpStorm
effizient lösen mit dem 3-Wege-Merge-Tool

Merge-Konflikte im Terminal zu lösen bedeutet, Konflikt-Markierungen manuell in der Datei zu suchen, zu verstehen und zu entscheiden – ohne visuellen Kontext. Das 3-Wege-Merge-Tool in PhpStorm zeigt gleichzeitig die eigene Version, die fremde Version und den gemeinsamen Ancestor, was die Entscheidung erheblich erleichtert und Fehler bei der Konfliktlösung reduziert.

15 Min. Lesezeit 3-Wege-Merge · Accept Left/Right · Rebase · Magento · composer.lock PhpStorm 2024.x · 2025.x · Git 2.x

Inhaltsverzeichnis

1. Merge-Konflikte verstehen: Wie Git Konflikte markiert
2. Das 3-Wege-Merge-Tool in PhpStorm öffnen
3. Schritt-für-Schritt: Konflikt im Merge-Tool lösen
4. Magic Resolve: Automatisch lösbare Konflikte
5. Rebase-Workflow: Konflikte Commit für Commit
6. Typische Magento-Konflikte: composer.lock, di.xml und Layout-XML
7. Konflikte von vornherein vermeiden
8. Merge-Strategien

React Suspense: Lade-Zustände elegant managen

Juli 08, 2025

We're sorry, an error has occurred while generating this content.

Docker Networking für Teams: Reverse Proxy, Subdomains und lokale Zertifikate

Juli 07, 2025

Docker · Networking · Traefik · Reverse Proxy

Docker Networking für Teams:
Reverse Proxy, Subdomains und lokale Zertifikate

Port-Konflikte zwischen Projekten, fehlendes HTTPS in der Entwicklung und unübersichtliche Hostnamen sind klassische Pain Points beim Docker-Networking im Team. Mit Traefik als zentralem Reverse Proxy, mkcert für lokale HTTPS-Zertifikate und sauber isolierten Docker-Netzwerken lassen sich diese Probleme ein für alle Mal lösen.

14 Min. Lesezeit Traefik · mkcert · Docker Networks · Service Discovery Docker Compose · Linux · macOS

Inhaltsverzeichnis

1. Docker Networking: Grundlagen und Netzwerk-Typen
2. Netzwerk-Isolation zwischen Projekten
3. Service Discovery in Docker Compose
4. Port-Konflikte vermeiden
5. Traefik als zentraler Reverse Proxy
6. Lokale Subdomains mit /etc/hosts und dnsmasq
7. Lokale HTTPS-Zertifikate mit mkcert
8. Mehrere Projekte gleichzeitig mit Traefik
9. Networking-Ansätze im Vergleich
10. Zusammenfassung
11. FAQ

1. Docker Networking: Grundlagen

CSS Popover API — native Dropdowns und Overlays ohne JavaScript

Juli 07, 2025

CSS · Popover API · HTML · Frontend

CSS Popover API — native Dropdowns und Overlays
ohne JavaScript-Bibliotheken bauen

Die CSS Popover API löst ein jahrelanges Problem im Web: Dropdowns, Tooltips und modale Overlays mussten immer mit JavaScript implementiert werden. Mit dem nativen popover-Attribut, ::backdrop und der Pseudoklasse :popover-open liefert der Browser jetzt eine vollständige Lösung – zugänglich, performant und ohne externe Abhängigkeiten.

12 Min. Lesezeit popover · ::backdrop · :popover-open · Tooltip · Dropdown Chrome 114+ · Firefox 125+ · Safari 17+

Inhaltsverzeichnis

1. Was die CSS Popover API wirklich löst
2. Das Grundprinzip: popover-Attribut und popovertarget
3. ::backdrop — der native Überlagerungseffekt
4. :popover-open — Zustandsbasiertes Styling
5. popover="auto" vs. popover="manual"
6. Tooltip-Pattern mit der Popover API
7. Navigations-Dropdown mit popover
8. Einblend-Animationen mit @starting-style
9. Popover API im direkten Vergleich
10. Zusammenfassung
11. FAQ

Iterator Pattern in Magento 2: Collections und Varien_Data_Collection | Mironsoft

Juli 07, 2025

ITER

→

Deep Dive · Magento 2 Design Patterns

Iterator Pattern:
Collections und Varien_Data_Collection

Wie Magento's AbstractCollection PHP-Iteratoren implementiert, warum Lazy Loading entscheidend ist, und wie du große Katalogdaten memory-effizient traversierst.

13 min Lesezeit

Magento 2.4.8 · PHP 8.4

GoF Behavioral Pattern

Inhalt

1. GoF Iterator Pattern: Das Interface
2. PHP Iterator Interface und IteratorAggregate
3. Varien_Data_Collection: Das Fundament
4. Magento AbstractCollection und Lazy Loading
5. Collection-Filter, Joins und Paginierung
6. Chunked Iterator: Große Kataloge ohne Memory-Overflow
7. PHP Generators als lazy Iteratoren
8. Eigener Custom-Iterator für Magento
9. Iterator vs. getItems(): Performance-Vergleich
10. Fazit: Collections richtig nutzen

Das Iterator Pattern ist eines der häufigst genutzten GoF-Patterns in Magento — du verwendest es jeden Tag, wenn du über eine Collection iterierst. foreach ($productCollection as $product) —

Seite 4 - Monthly Archives: July 2025

Builder Patternin Magento 2

1. Was ist das Builder Pattern?

1.

1. Was Review Apps sind und

1. Docker Networking: Grundlagen

Builder Pattern
in Magento 2