Cette formation va vous permettre de passer un cap dans votre expertise sur CSS
Description de la formation CSS Grid Layout
Grâce à cette formation de deux jours, vous serez à même de profiter de toutes les nouveautés apportées par cette spécification CSS3 pour pour construire des gabarits, des grilles de mise en page, voire des applications web entières en quelques lignes de code.
Le module de positionnement Grid Layout est une spécification du W3C à l’état de Candidate Recommandation . Ce dernier est mainterant exploitable en production sur l’ensemble des navigateurs, le concept général de Grid Layout (ou « positionnement en grille ») est de structurer l’espace en zones majeures, au sein d’une page web ou d’une application.
Bulletin d’
inscription Demande de
devis Détail du
programme
Programme de la formation CSS Grid Layout
- Démonstration initiale
- Une spécification W3C finalisée
- Grid Container, Grid Item
- Grid Line, Grid Track, Grid Cell, Grid Area
- Les propriétés de grille sur le parent
- Les propriétés de grille sur les enfants
- Le flux dans la grille
- Grille implicite
- Grille explicite
- Propriétés de flux automatique
- Placement automatique
- Unités et valeurs de Grid Layout
- L’unité « fr »
- La valeur « auto »
- La fonction « minmax() »
- Placer explicitement
- Le Placement défini
- Propriétés de placement défini
- Les Zones nommées
- Propriétés de zones nommées
- Les propriétés raccourcies
- Les méthodes de fusion de cellules
- Appliquer des gouttières
- Aligner dans Grid Layout
- Alignement des l’ensemble des cellules
- Alignement général des Grid Items
- Alignement individuel d’un Grid Item
- Répétition de motifs
- Fonction repeat()
- Les valeurs auto-fill et auto-fit
- La combinaison repeat() + auto-fit + minmax()
|
- Fonctionnalités avancées
- Modification de l’ordre d’affichage
- Superposition d’éléments
- Valeurs négatives de Grid Line
- Construction d’un template responsive
- Tableau de support navigateurs
- Ressources : Grid Polyfill et Gridbugs
- Amélioration progressive
- Le « cas » IE
- Les stratégies de mise en production
|
|