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.

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.

D'après le site CasnIUse, en 2024, c'est près de 98,4% des navigateurs web qui sont compatibles avec cette fonctionnalité[10]. Depuis 2009, il existe donc de nombreux site en ligne permettant d'expliquer le fonctionnement de ce système comme : w3schools[11] ou MDN[12].

Références

  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 )
  10. ↑ « "flexbox" | Can I use... Support tables for HTML5, CSS3, etc », sur caniuse.com (consulté le )
  11. ↑ « CSS Flexbox (Flexible Box Layout) », sur www.w3schools.com (consulté le )
  12. ↑ (en-US) « Les concepts de base pour flexbox - CSS : Feuilles de style en cascade | MDN », sur developer.mozilla.org, (consulté le )

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

v · m
Acteurs internationaux
Standards
Acteurs nationaux
Technologies compatibles
Méthodes d'application

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.