J’ai eu le plaisir de recevoir très rapidement le dernier livre de Raphaël Goetter, sobrement intitulé « CSS3 Flexbox, plongez dans les CSS modernes ». Ce livre est sorti depuis le 18 Février de cette année.
Que dire de plus sur l’auteur, est-il encore besoin de le présenter ? Enragé des CSS et des Knacss, coutumier des bons livres et… coutumier des interventions sur Flexbox depuis un certain temps. Et maintenant le livre !
Ma foi, ne tournons pas autour du pot, les livres de Raphaël, c’est comme le riz d’Oncle Ben’s, c’est toujours un succès. Et ce livre sur Flexbox ne fait pas exception.
Dans un format très court de 130 pages (et donc vite et bien lu, je crois l’avoir lu en deux soirées), on a droit à un tour assez complet de ce « nouveau » mode de positionnement CSS. Je mets « nouveau » entre guillemets car cela fait de nombreuses années que Flexbox existe, vous apprendrez d’ailleurs peut-être dans le livre que son histoire a été plutôt mouvementée.
Pourtant Flexbox est souvent considéré comme relativement jeune, la faute à un support défaillant dans les Internet Explorer inférieurs au 10 (et même sous ce dernier, c’est un peu le cirque comme vous le découvrirez peut-être dans le livre), heureusement que Microsoft pousse ces vieilles versions vers le cimetière des navigateurs. Idem avec les vieilles versions de Flexbox sous Webkit, elles ne sont malheureusement pas patchées comme il faut sur bon nombre de sites, vous pouvez lire à ce sujet (en anglais) l’édifiant billet de Karl Dubost sur ce sujet : Web Compatibility in Japan.
Que dire, ce mode de positionnement est un must et permet des choses parfois délicates à obtenir avec les positionnements plus classiques, je l’ai utilisé par exemple sur les templates de la page d’accueil du Haut-Commissariat des Droits de l’Homme, sur cette petite partie sur le site de Parenti Design (pour le sacro-saint centrage vertical), sur d’autres sites… toujours en amélioration progressive (avec un modernizr, ou encore mieux, dans un @supports ce qui permet de cibler directement Edge et de passer outre les Flexbugs parfois pénibles sous IE 10/11…).
Le livre regorge d’exemples et explique très bien ces nouvelles possibilités (ordonnancement, positionnement, etc.). Point très fort, c’est très bien vulgarisé, car Flexbox est parfois quelque peu compliqué à comprendre sur certains points un peu avancés. Je me suis fait piéger quelques fois, notamment en croyant à un bug sous Firefox qui en fait n’en était pas un mais une mauvaise utilisation de ma part, ainsi qu’un mauvais comportement sous Chrome. Coquin de sort !
Au moins, avec ce livre, vous allez faire un tour d’ensemble bien complet et bien agréable de Flexbox avec des infos fraiches, bien expliquées, et vous aurez de quoi vous amuser dans vos prochaines intégrations. Vous aurez donc compris que je ne peux que vous recommander de lire ce livre.
Et y a sûrement plein de choses à imaginer pour nos prochains sites. :)
Pour trouver le livre, c’est chez Eyrolles : CSS3 Flexbox et il y a un mini-site dédié avec des ressources.