MDN hat einen umfassenden Leitfaden für Flexbox mit neuen und aktualisierten Materialien von Rachel Andrew veröffentlicht. Der Leitfaden umfasst 11 Beiträge, die Layouts, Anwendungsfälle und alles demonstrieren, was man zu diesem Thema wissen möchte oder muss. Alle zugehörigen Flexbox-Eigenschaften sind schön und bequem am Inhaltsverzeichnis angebracht, was die Nutzung äußerst einfach macht.
In diesem Beitrag fügt Rachel hilfreiche Gedanken und Kontext zu Flexbox hinzu. Ihr Kommentar, dass Flexbox anfangs als Allheilmittel für alle unsere Layout-Probleme angesehen wurde, hat mich beeindruckt.
Bevor Grid ausgeliefert wurde, galt Flexbox als die Spezifikation zur Lösung all unserer Layout-Probleme, doch viele Schwierigkeiten bei der Verwendung von Flexbox entstehen, wenn wir versuchen, damit die Art von zweidimensionalen Layouts zu erstellen, für die Grid konzipiert wurde. Wieder einmal kämpfen wir darum, eine Layout-Methode dazu zu bewegen, Dinge zu tun, für die sie nicht konzipiert wurde.
Schuldig, wie angeklagt. Ich erinnere mich, dass ich so begierig darauf war, Floats abzuschaffen und eine neue Syntax zu lernen, dass ich Flexbox wie einen quadratischen Stift in ein rundes Loch stecken wollte. Das hat mich bei mindestens einem Projekt definitiv bestraft.
Am wichtigsten an diesem Leitfaden ist, dass er eine Art Dreifaltigkeit von Referenzmaterialien zu Layout-Spezifikationen von CSS bildet: Flexbox, Grid und andere Box-Alignment-Eigenschaften.
Ach ja, und während wir schon beim Thema sind: Wir haben auch Flexbox und Grid-Anleitungen direkt hier auf CSS-Tricks. Man kann nie genug lernen, oder?