Aktuelle Webstandards für komponentenbasierte Frontends
Janosch Oltmanns | OVIS IT GmbH
Der Umfang und die Möglichkeiten von CSS haben sich in der letzten Zeit rasant weiterentwickelt. Immer mehr dieser „neuen“ Features landen nun in den genutzten Browser-Versionen, sodass hier ein detaillierter Blick nicht schadet. Viele UI-Komponenten, komplexe Layouts und visuelle Effekte, für die wir früher zwingend JavaScript brauchten, lassen sich heute elegant und performant rein deklarativ im Stylesheet lösen.
In diesem Vortrag erfährst du anhand konkreter Beispiele, wie moderne CSS-Features optimal mit den Templates von Contao harmonieren oder wie diese hierfür angepasst werden können. Wir werfen unter anderem einen Blick auf:
- Container Queries (@container): Komponenten, die sich autonom an ihren Platz im Contao-Layout anpassen.
- Moderne Selektoren (:has(), :user-invalid): Intelligente Logik ganz ohne irgendwelche Skripte.
- Native Interaktionen: Wie das popover-Attribut und moderne Styles komplexe Overlays steuern.
- Zukunftssichere CSS-Architektur: Bessere Wartbarkeit durch Cascade Layers (@layer) und natives Nesting.
Darüber hinaus zeigt diese Session auch die Grenzen dieser Möglichkeiten auf, die je nach Projekt und Scope unterschiedlich sein können.
Über Janosch Oltmanns:
Leitung Softwareentwicklung bei OVIS IT | Aktiv für und mit Contao Open Source CMS | Performance-Enthusiast aus Leidenschaft
Termin*: Freitag, 16.10.2026 | 10.00 - 10.50 Uhr | Raum 1
* Änderungen vorbehalten