CSS 3 Flexbox
Plongez dans les CSS modernes
Raphaël Goetter - Collection Blanche
Résumé
Flexbox 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.
Un ouvrage de référence pour les webdesigners et intégrateurs
"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. Oubliez donc tout ce que vous aviez appris sur CSS et, comme moi, tombez amoureux de Flexbox !
Outre la simplification des schémas de positionnement, Flexbox apporte des solutions parfaites à une problématique bien ancrée dans notre époque : le Responsive Webdesign. Le design d'éléments flexibles, la réorganisation des blocs ainsi que la faculté à basculer très aisément d'un mode d'affichage horizontal vers un mode vertical en font un allié formidable dans nos projets d'adaptation aux tablettes et smartphones.
Une spécification CSS 3 novatrice
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...
À qui s'adresse cet ouvrage ?
- Aux webdesigners et intégrateurs avancés ou experts qui souhaitent appréhender et maîtriser en production ce nouveau modèle de positionnement excitant.
- 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.
- A quiconque est impatient de laisser tomber toutes les bidouilles ancestrales de CSS et d'ouvrir ses horizons à des modèles bien plus intuitifs.
L'avis du libraire Eyrolles
Pour répondre à une problématique de responsive web design : un outil indispensable !
Extrait du livre
L'auteur - Raphaël Goetter
Webdesigner et gérant d'une agence web strasbourgeoise, Raphaël Goetter partage ses connaissances à travers son site Alsacréations.com, et s'intéresse de près aux domaines des normes du Web et de l'accessibilité. Il fait partie du collectif Openweb.eu.org, référence francophone en matière de standards du Web.
Autres livres de Raphaël Goetter
Sommaire
- 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
Avis des lecteurs
publié le 10/05/2019 Acheteur vérifié
Un sujet très bien maîtrisé et expliqué
Ayant déjà un ouvrage du même auteur je savais en l'achetant que je pouvait m'attendre à un sujet maîtrisé avec des explications précises et claires. Ce livre à exactement toutes ces qualités et après l'avoir lu j'envisage de remplacer le framework CSS en place pour la construction de mon site perso par du Flex Box pur et dur. Avoir en plus des des parties explicatives et démonstratives sur les problématiques rencontrés dans quasiment tout les sites web (navigation, gabarit, construction de lignes, etc) fait de ce livre une ressource très utile à toujours avoir sous la main si, comme moi, le front n'est pas votre domaine de prédilection.
publié le 01/02/2017 Acheteur vérifié
Un indispensable à lire et relire à l'infini
Vous avez probablement déjà bidouillé avec display: table-cell, margin-top: -50% et compagnie... utilisez flexbox et simplifiez vous la vie ! Raphaël est un expert, mais pas le genre d'expert qui vous assomme avec ses connaissances et un jargon complexe. C'est aussi un pédagogue de grande qualité, en témoigne le succès d'Alsacréations depuis de nombreuses années. Court, bien écrit et ne manquant pas d'humour, ce livre donne tous les détails de ce nouveau modèle de boite introduite en CSS3, une référence incontournable pour les francophones. J'espère vraiment qu'une traduction en anglais verra le jour. Le monde du web international aurait beaucoup à y gagner. Je recommande sans aucune hésitation, foncez !
Caractéristiques techniques
| PAPIER | NUMERIQUE | |
| Éditeur(s) | Eyrolles | |
| Auteur(s) | Raphaël Goetter | |
| Collection | Blanche | |
| Parution | 18/02/2016 | 03/03/2016 |
| Nb. de pages | 134 | 134 |
| Format | 19 x 23 | - |
| Couverture | Broché | - |
| Poids | 408g | - |
| Intérieur | Quadri | - |
| Contenu | - |
ePub + PDF |
| EAN13 | 9782212143638 |
9782212009286 |
| ISBN13 | 978-2-212-14363-8 | - |
Avantages Eyrolles.com
Consultez aussi
- Les meilleures ventes en Graphisme & Photo
- Les meilleures ventes en Informatique
- Les meilleures ventes en Construction
- Les meilleures ventes en Entreprise & Droit
- Les meilleures ventes en Sciences
- Les meilleures ventes en Littérature
- Les meilleures ventes en Arts & Loisirs
- Les meilleures ventes en Vie pratique
- Les meilleures ventes en Voyage et Tourisme
- Les meilleures ventes en BD et Jeunesse
