Flex Box CSS

Les Flex Box CSS (raccourci pour CSS Flexible Box Layout Module) sont un standard CSS3 de disposition des éléments dans une page web^[1]. Ce standard permet d'avoir un design adaptatif à l'écran. Les éléments peuvent être réagencés selon la taille de l'écran.

Évolution du module

Le module Flexible Box Layout est proposé en 2009 sous forme de "First Public Draft"^[2] par le groupe de travail CSS du W3C. Après quatre publications successives, Flex Box passe en 2012 au stade de "Candidate Recommendation".

En 2013, le magazine Net décerne au module le prix Best New Web Technology^[3]. Cette année est également bénéfique pour le module Flexbox grâce à Tab Atkins, qui propose une initiative de mieux prendre en compte la capacité de Flexbox, de resserrer l'algorithme et d'accroître l'efficacité de Flexbox^[4].

En 2014, le module est cependant recalé au stade de “Last Call Working Draft” (brouillon en dernier appel). Le travail se poursuit, et en 2016 Flex Box revient au stade "Candidate Recommendation"^[5].

Dès 2016, plusieurs livres témoignent de l'enthousiasme que suscitent ce qu'on nomme désormais "les Flexbox" : Raphaël Goetter^[6], Estelle Weyl^[7], Thomas Zilliox^[8] et Rachel Andrew^[9] publient des ouvrages de référence dédiés à cette nouvelle technologie.

Références

1. « Les concepts de base pour flexbox », sur Documentation du Web - MDN (consulté le 10 avril 2020)
2. (en) L. David Baron, « Flexible Box Layout Module », sur www.w3.org, 23 juillet 2009 (consulté le 30 juin 2020)
3. (en-US) Daniel Glazman, « CSS Flexible Box Layout gets Best New Web Technology 2013 NetAward! | W3C Blog » (consulté le 30 juin 2020)
4. Louis-Nicolas Leuillet, « Le guide complet sur Flexbox CSS », sur believemy.com, 2 avril 2024 (consulté le 8 juillet 2024)
5. (en) Tab Atkins Jr., « CSS Flexible Box Layout Module Level 1 », sur www.w3.org, 1^er mars 2016 (consulté le 30 juin 2020)
6. « livre CSS3 Flexbox », sur goetter.fr (consulté le 30 juin 2020)
7. (en) « Flexbox in CSS [Book] », sur www.oreilly.com (consulté le 30 juin 2020)
8. (en) « Départ immédiat pour : Flexbox », sur Boutique Le train de 13h37 (consulté le 30 juin 2020)
9. (en) « The New CSS Layout by Rachel Andrew », sur A Book Apart (consulté le 30 juin 2020)

Bibliographie

• Andrew, Rachel (2017). The New CSS Layout. A Book Apart.
• Aubry, Christophe (2019). Flexbox et Grid: Créer des sites modernes et responsives. Editions ENI.
• Goetter, Raphaël (2016). CSS 3 Flexbox: Plongez dans les CSS modernes. Eyrolles.
• Weyl, Estelle (2017). Flexbox in CSS: Understanding CSS Flexible Box Layout. O'Reilly Media.
• Zilliox, Thomas (2017). Départ immédiat pour : Flexbox. Editions Le train de 13h37.

Lien externe

• CSS Flexbox sur W3Schools

• Portail d’Internet