CSS 3 Flexbox
Plongez dans les CSS modernes

Auteur :

Langue : Français

19,90 €

Disponible chez l'éditeur (délai d'approvisionnement : 3 jours).

Ajouter au panierAjouter au panier
Date de parution :
Ouvrage 134 p. · Broché

· PDF+ePub+Mobi : 13,99 € ·
Acheter l'e-book e-book

lexbox est en passe de révolutionner de manière profonde et pérenne notre façon de concevoir des designs et des composants en CSS. Pourquoi y consacrer un ouvrage ? Car, bien utilisé, Flexbox permet de faciliter la tâche de bon nombre de développeurs web.

Flexible Box Layout Module, mieux connue sous le nom de "Flexbox", est une spécification CSS 3 du W3C qui définit un nouveau modèle de boîte et de positionnement jusqu'alors inédit. Il intègre une gestion naturelle de la fluidité des éléments et du Responsive, et rend caduc l'usage de grilles d'affichage complexes, voire de frameworks - véritables usines à gaz où l'on n'exploite qu'à peine 10% de l'outil.

Flexbox a été pensé et optimisé pour faire table rase de toutes les techniques bancales historiques de positionnement et des contournements de propriétés qui pullulent dans nos projets web. Les "anciennes" méthodes encore (mal) utilisées de nos jours pour aligner ou placer des éléments ne sont souvent rien d'autre que du bricolage empirique : "tiens, à quoi peut bien servir ce position : relative ?", "pas grave, je mets une classe .clearfix partout !", "oh ! mais pourquoi ça ne veut pas rentrer ?", etc.

Flexbox est conçu pour mettre de l'ordre dans tout ce maelström de bidouilles et revenir enfin aux bases d'un positionnement propre et adapté aux besoins actuels. Cet ouvrage vous permettra de découvrir et de tirer parti de toutes les nouveautés apportées par cette spécification CSS 3, notamment à travers six travaux pratiques...

- Une brève histoire de Flexbox
- Les bases du design avec Flexbox
- TP : réordonner des éléments
- Trois astuces utiles
- TP : une navigation Responsive
- TP : un gabarit simple
- TP : une galerie d'images
- Les principes fondamentaux
- TP : un formulaire fluide
- La propriété flex en détail
- Modèles de design
- TP : construction de grilles
- Encore plus loin avec Flexbox
- Performances et compatibilité
- Flexbox contre Grid Layout ?
- Ressources utiles
- Annexe - Mémo des propriétés
- Aux webdesigners et intégrateurs avancés ou experts qui souhaitent appréhender et maîtriser en production ce nouveau modèle de positionnement
- Aux développeurs et chefs de projet web soucieux de découvrir les rouages d'une technologie qui facilitera assurément la vie de leurs projets