Back Flexbox Catalan CSS Flexible Box Layout English CSS Flexible Box Layout Spanish چیدمان جعبه انعطاف پذیر شیوه‌نامه آبشاری FA CSS Flex Box Layout Polish CSS Flexible Box Layout Portuguese Flexbox Ukrainian Flexbox UZ CSS Flexible Box布局 Chinese

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].

  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 )

Flex Box CSS

Dodaje.pl - Ogłoszenia lokalne