Flex Box CSS

modèle CSS3

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

modifier

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

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

Bibliographie

modifier
  • 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

modifier