Einleitung
  • Einleitung
  • Kursmaterialien
  • Installation vom Editor
  • Grundwissen: Inline vs. Block-Elemente
  • Grundwissen: Pseudoklassen in CSS
Erste Schritte
  • Unsere erste Flexbox
  • Flex-Basis & Flex-Grow
  • Flex-Basis & Flex-Shrink
  • Layout entwickeln (mit Flexbox)
  • Navigation bauen (justify-content)
  • Navigation bauen (align-self, align-items)
  • Navigation bauen (flex-direction)
Aufgabe: Würfel bauen
  • Aufgabe: Würfel modellieren
  • Musterlösung: Würfel modellieren (Teil 1)
  • Musterlösung: Würfel modellieren (Teil 2)
Projekt Flexbox
  • Projekt starten
  • Kopfbereich umsetzen
  • Navigation umsetzen
  • Feinschliff, Animationen hinzufügen
  • So funktioniert Flexbox in mehr Browsern: Autoprefixer
Flex-Wrap: Flexbox über mehrere Zeilen
  • Einführung: Flex-Wrap
  • Projekt: Flex-Wrap (Teil 1)
  • Projekt: Flex-Wrap (Teil 2)
  • Exkurs: CSS3-Columns
Schluss
  • Anwendung von Flexbox, Schlussworte