Ce livre a pour objectif de proposer une approche pédagogique pour l'apprentissage du modèle de boite et de positionnement qu'est Flexbox. Il est destiné principalement aux programmeurs et aux développeurs débutants. Entièrement dédié à un seul module de CSS, ce livre a pour mission de vous faire découvrir le phénomène incontournable qu'est devenu Flexbox. Au chapitre 1, nous allons mettre en place un environnement de travail composé du logiciel gratuit Visual Studio Code de façon à optimiser la compréhension et la réalisation des boites flexibles, de la librairie jQuery 3 pour faciliter les accès au DOM, du serveur local Wampserver pour l'émulation des pages à distance, et des navigateurs Internet Explorer, Firefox, Chrome et Edge. Au chapitre 2, nous aborderons les bases du modèle de boite flexible avec l'ensemble des propriétés et de leurs effets. Au chapitre 3, nous aborderons le concept des media queries et leur utilisation dans un contexte de conteneur flexible de type Flexbox. Au chapitre 4, nous verrons quelques astuces indispensables qui permettent d'utiliser Flexbox de manière simple et efficace (occuper l'espace restant, centrer verticalement, pousser un élément flexible, aligner un titre avec un retour à la ligne, l'alignement horizontal et vertical, le rétrécissement d'un élément flexible et la construction d'un ensemble de colonnes flexibles). Au chapitre 5, nous réaliserons un travail pratique pour réaliser un gabarit simple typique d'agencement de page avec le modèle de positionnement Flexbox. Au chapitre 6, nous réaliserons un travail pratique pour la mise en place d'une grille flexible à colonnes et à gouttières. Au chapitre 7, nous réaliserons un travail pratique pour la mise en place d'un formulaire fluide destiné à collecter des données avant leur envoi par un script. Au chapitre 8, nous réaliserons un travail pratique pour composer une galerie d'images. Au chapitre 9, nous aborderons les techniques courantes de positionnement d'éléments flexibles enfants au sein d'un conteneur flexible parent. Au chapitre 10, nous réaliserons un travail pratique pour la construction de grille flexible. Nous verrons comment automatiser les tâches pour la création de grille flexible en utilisant un préprocesseur de type LESS.
Commenter ce livre