CSS Archives - Pascal Antoinet Webdesigner
CSS Flexbox par Raphael Goetter
On 25, Avr 2018 | Apprendre & Se former, Évolutions du Web | par PA
Flexbox (Flexible Box Layout Module) est en passe de modifier considérablement nos habitudes de construction CSS. Avec un syntaxe particulièrement économe, Flexbox apporte des solutions instantanées à des problèmes d’alignement de blocs en particulier sur l’axe vertical, de distribution de marges, de gestion du responsive qui jusqu’à présent pouvaient donner lieu à de véritables casse-tête pour les webdesigners et intégrateurs.
La transition est en marche et Flexbox sera pleinement déployé dans la version 4 de Boostrap. A noter cependant que la structuration totale d’une page web avec flex n’est pas envisageable et peut générer de nombreux bug d’affichage (voir à ce propos l’excellent article de Jake Archibald). On se contera donc d’utiliser ces propriétés pour la gestion des éléments internes à la page.
Les demandes de rétro-compatibilité avec les versions 8 et 9 d’Internet Explorer disparaissent progressivement des briefs clients. Internet Explorer 10 et 11 implémentent le support Flexbox de façon partielle et l’abandon du support des versions IE < 11 par Microsoft est sensé encourager la modernisation du parc (plus d’info ici). Lire…