Guillaume David - March 14, 2022
Flexbox permet une mise en page CSS facile et rapide. Il est un incontournable à connaître pour tout développeur Front-End, qui se respecte.
Aujourd’hui, flexbox est probablement l’outil que j’utilise le plus. Dans chaque application web, je l’utilise, et c’est certainement le cas pour la quasi-totalité des développeurs front.
Pourtant, au moment de découvrir cet outil, ce fut laborieux, il était censé me faciliter la vie, mais, comme chaque nouveauté, il semble toujours nous compliquer la vie pendant l’apprentissage. On remet en question la pertinence de cette nouvelle compétence et on pense abandonner.
Malgré cela, on continue parce qu’on sait au fond de nous que cela nous facilitera la vie. De mon côté, l’apprentissage, c’est passé par des projets sous forme de test, mais aussi, par un site que vous connaissez sûrement, flexbox froggy.
Il faut se souvenir qu’avant flexbox, on devait utiliser les float et le positionnement. La mise en page était laborieuse pour tout le monde, même si cela fonctionnait bien pour les meilleures.
Mais outre cela, pourquoi j’aime tant flexbox ?
Flexbox apporte de très nombreux avantages. Une mise en page facile et rapide, une syntaxe toute aussi simple, il facilite aussi sous certains aspects le responsive. Si vous voulez afficher les éléments en colonne, flexbox le fait facilement. Si vous voulez mettre un espace entre chaque élément, flexbox le fait facilement. Si vous voulez aligner verticalement et horizontalement un élément, flexbox le fait facilement…
Alors, qu’on s’entendent bien, Flexbox a quelques défauts, mais sa simplicité et le champs des possibles qu’il offre les compenses aisément.
