Design
Container Queries verändern responsive Layouts
Statt auf Viewport-Größen zu reagieren, passen sich Komponenten jetzt an ihre Eltern an. Das bedeutet mehr Flexibilität für modulare Designs.
Was sich im Frontend-Design wirklich ändert
Praktische Einblicke in moderne Designansätze, neue Werkzeuge und echte Herausforderungen, denen sich Entwickler heute stellen. Keine Buzzwords – nur das, was tatsächlich funktioniert.
Technik
Subgrid macht komplexe Layouts einfacher
Endlich können verschachtelte Grids die Spalten ihrer Eltern nutzen. Das löst viele Alignment-Probleme, mit denen wir uns jahrelang herumgeschlagen haben.
Performance
Bilder richtig laden spart echte Ladezeit
Lazy Loading ist Standard, aber moderne Browser bieten mehr: Priority Hints und fetchpriority helfen, kritische Ressourcen zuerst zu laden.
Wie sich Frontend-Workflows entwickelt haben
Die letzten Jahre haben grundlegend verändert, wie wir Websites bauen. Hier ist, was sich wirklich bewährt hat.
Frühe 2020er
Framework-Überladung
Jedes Projekt bekam ein vollständiges Framework, selbst wenn nur statische Seiten nötig waren. Die Build-Zeiten explodierten.
Mitte 2020er
Zurück zu den Grundlagen
Progressive Enhancement kam zurück. HTML first, dann CSS, JavaScript nur wo nötig. Seiten laden schneller und funktionieren überall.
Heute
Selektive Optimierung
Wir wählen Tools basierend auf echten Anforderungen. View Transitions für Single-Page-Feeling, aber mit statischem HTML als Basis.
Warum CSS-First wieder Sinn macht
JavaScript-lastige Lösungen haben ihre Berechtigung, aber für viele Probleme reicht modernes CSS völlig aus. Das spart nicht nur Bytes – es macht Seiten robuster.
- Animationen laufen auf dem Compositor-Thread – butterweich auch auf schwacher Hardware
- Keine Runtime-Fehler, die das Layout zerstören können
- Funktioniert auch wenn JavaScript deaktiviert oder noch nicht geladen ist
- Browser optimieren CSS nativ – schneller als jede Library
Was Teilnehmer über unsere Kurse sagen
Der Kurs hat mir endlich gezeigt, wann ich Grid und wann Flexbox nutzen sollte. Keine theoretischen Beispiele, sondern echte Layouts aus der Praxis.
Besonders wertvoll waren die Abschnitte über Performance. Ich konnte die Ladezeit unserer Hauptseite um 40 Prozent senken, einfach durch besseres Bildhandling.