Thema: CSS, das mitwächst — ein responsives System vorgestellt
Responsive Design bedeutet mehr als „es schrumpft auf dem Handy.“ In diesem Talk stellt Timo Wessels ein responsives Mini-Framework vor — nur mit modernem CSS, ohne Abhängigkeiten.
Wir schauen uns an, wie eine saubere Seitenstruktur aufgebaut ist und wie man mit wenigen CSS-Variablen Abstände und Schriftgrößen erstellt, die sich automatisch an jede Bildschirmgröße anpassen. Dazu gibt es ein Kartenraster, das sich von drei Spalten bis auf eine Spalte von alleine umstellt — ohne eine einzige Regel für verschiedene Bildschirmgrößen. Zum Schluss klären wir, wann man solche Regeln doch braucht und was die neueren Container Queries anders machen.
Für Einsteiger mit HTML- und CSS-Grundkenntnissen geeignet.
Weiterlesen
