L’utilisation de la propriété CSS Flexbox est devenue aujourd’hui quasi indispensable, elle facilite grandement le développement web et il faut très peu de code pour réussir à mettre une structure en place.
Geoffrey Crofte, UX/UI Designer, a développé Flexbox.ninja qui à travers 3 études de cas a pour but de vous aider à devenir un ninja du Flexbox :
- un layout avec header, footer et 2 sidebar
- une technique pour avoir la même hauteur dans des colonnes, peu importe le contenu
- un header responsive
Chacune des démos est accompagnée d’un tutoriel pour le réaliser. Il devrait y en avoir d’autres très prochainement.
A savoir que Flexbox n’est pas l’unique propriété CSS pour faire des mise en pages, il y a également CSS Grid, sur lequel je m’étais penché dans cet article. Chacun a bien sûr ses avantages et votre choix dépendra de votre projet.