CSS3 Flexbox est un module de positionnement à la mode, mais malheureusement encore parfois mal maîtrisé parmi les développeurs web.
La plupart des ressources, documents et cheat sheets récupérables sur Internet se contentent d'informations basiques, ce qui est bien entendu très pratique pour débuter ou apprendre les différentes propriétés.
Cependant, il manquait jusqu'à aujourd'hui un support plus technique, composé d'astuces concrètes et de bonnes pratiques en production.
Alsacréations vous propose sa Flexbox Cheatsheet au format PDF, que vous pouvez télécharger à l'adresse kiwi.gg/flexcheat (82 Ko) et qui rassemble les informations techniques nécessaires à un usage de Flexbox au quotidien.
Ce memento est composé des sections suivantes :
- propriétés Flexbox applicables sur le parent (avec valeurs par défaut)
- propriétés applicables sur les enfants
- support des navigateurs (et version de spécification supportée)
- liste des bugs navigateurs et contournements les plus courants
- ordre de priorité des propriétés (voir cette présentation PDF)
- quelques modèles classiques : objet "media", centrage multiple, grille mono-ligne avec et sans gouttières
- les propriétés CSS qui ne s'appliquent pas sur les parents et les enfants flexbox
- liens vers des ressources incontournables
N'hésitez pas à le télécharger, il est en usage libre (mentions d'Alsacréations recommandée) et à nous faire toute critique ou suggestion à propos de ce document.
