Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Voici la 3ème partie de notre formation en ligne dédiée au framework CSS Bulma.
Dans ce cours en vidéo, nous allons nous concentrer sur la gestion des contenus.
- Nous verrons différentes classes que nous allons pouvoir appliquer à nos contenus. Nous verrons par exemple, les classes container et footer.
- En seconde partie de ce tuto, nous nous intéresserons aux tuiles ainsi qu'à leur hiérarchie, afin de pouvoir disposer les différents contenus sur une page web.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Avoir des connaissances en Flexbox et un très grand plus, afin de mieux prendre en main de framework Bulma.
Voici également épisodes précédents de cette formation Bulma :
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Les dispositions
Les dispositions
Chapitre 2
Les bannières
Les bannières
Chapitre 3
Les tuiles
Les tuiles
Chapitre 4
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Les dispositions
40m33
Leçon 1La classe container
Leçon 2Fixer les marges pour tous les écrans
Leçon 3Donner des marges pour certaines écrans
Leçon 4Les niveaux
Leçon 5Placement des niveaux
Leçon 6Centrer les niveaux
Leçon 7Empêcher la direction column des mobiles
Leçon 8Les médias
Leçon 9Exemple d'utilisation des médias
Leçon 10Création d'une classe section
Leçon 11Créer une classe footer
Chapitre 2 : Les bannières
08m18
Leçon 1La base
Leçon 2Couleur de fond en dégradé
Leçon 3Hauteur de la bannière
Leçon 4Zone head et zone foot
Chapitre 3 : Les tuiles
37m56
Leçon 1Présentation
Leçon 2Création de nos premières tuiles
Leçon 3Modifier la largeur des tuiles
Leçon 4Modifier la direction des tuiles
Leçon 5Le sens des tuiles
Leçon 6Application 1
Leçon 7Application 2
Chapitre 4 : Conclusion
01m03
Leçon 1Conclusion
Avis des apprenants