CSS Flexbox in 5 Minuten kennenlernen
Kommentare

Habt ihr euch schon mit dem neuen Flexbox-Layout-Modul beschäftigt? Wenn nicht, dann könnt ihr das in einer interaktiven Tour in 5 Minuten nachholen und dabei alle wesentlichen Features kennenlernen.

Habt ihr euch schon mit dem neuen Flexbox-Layout-Modul beschäftigt? Wenn nicht, dann könnt ihr das in einer interaktiven Tour in 5 Minuten nachholen und dabei alle wesentlichen Features kennenlernen. Derzeit ist das Modul eine W3C Candidate Recommendation. Das Flex Layout soll im Wesentlichen die Möglichkeit bieten, dass Container ihre Items in Höhe und Breite so modifizieren können, dass der verfügbare Raum bestmöglich ausgefüllt wird.

Entwickler Chris Coyier sagt dazu:

A flex container expands items to fill available free space, or shrinks them to prevent overflow.

Das wird natürlich vor allem dann hilfreich, wenn man responsive Websites und Applikationen bauen will. In der interaktiven Tour „Flexbox in 5 minutes“ lernt ihr Properties von flexbox inklusive einiger Demos kennen, seht wie ihr Properties des Flex Container und individueller Flex Items ändern könnt und könnt Code-Beispiele kopieren und pasten. Die Tour wurde übrigens mit Knockout.js gebaut.

Flexbox in 5 Minutes

Aufmacherbild: Flexible generic tablet von Shutterstock / Urheberrecht:Peter Sobolev

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -