-31% de réduction
Dans cette nouvelle formation CSS, vous allez apprendre comment utiliser le module CSS 3 Flexbox qui va vous permettre d'intégrer vos futurs sites Web avec la plus grande des facilités.
Finie l'utilisation des flottants ou encore des display inline-block pour gérer l'intégration de vos designs ! Vous allez enfin avoir un ensemble de propriétés CSS pour gérer l'intégralité de la disposition de vos éléments HTML. Si vous maîtrisez en plus le responsive design et l'utilisation des media queries (voir ma formation à ce sujet), Flexbox sera le module parfait pour gérer l'affichage de vos éléments aux différentes tailles d'écrans.
Au programme de cette formation intégration avec Flexbox
- Une introduction gratuite pour comprendre les possibilités de Flexbox,
- 3 vidéos dédiées au conteneur Flexbox (Propriétés display, flex-wrap, flex-direction, flex-flow, justify-content, align-content, align-items),
- 3 vidéos dédies aux éléments flexibles (Propriétés margin, order, flex-grow, flex-shrink, flex-basis, flex, align-self).
A la fin de cette formation, vous serez en capacité d'utiliser Flexbox pour gérer l'intégration complète de vos designs et vous pourrez tester vos connaissances avec un QCM qui couvre l'ensemble des notions découvertes durant la formation.
En cas de questions, vous pourrez me contacter via l'espace d'entraide de la formation.
Table des matières de cette formation CSS, HTML (durée : 1h15s)
-
- Introduction gratuit 00:01:23
- Créer un conteneur Flexbox 00:11:54
- Direction des éléments flexibles 00:06:28
- Alignement des éléments flexibles 00:12:34
- Les pouvoirs du margin: auto 00:09:19
- Ordre et alignement individuel des éléments flexibles 00:05:17
- Gérer la taille d'un élément flexible 00:12:53
- Conclusion 00:00:27
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Steven Sil
-
Encore un excellent tuto qui permet d'y voir plus clair avec Flexbox. Merci beaucoup Steven
-
Excellent tuto, l'integration avec flexbox est devenu limpide pour moi. Je recommande ! ;-)
-
Très sincèrement merci pour ce tuto clair précis et efficace !!!! seul petit soucis je n'ai pas réussi à télécharger les fichiers mais peu importe ils ne sont pas vraiment indispensables ici. En tout cas bravo et merci, une chose est sure je renouvellerais l’expérience avec vos tutos !
-
Avec quelles versions de logiciels ce tuto est-il compatible ?CSS 3, HTML 5
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés