CSS, améliorer facilement le visuel des liens d'une barre de nav
CSS, améliorer facilement le visuel des liens d'une barre de nav
Apprenez à créer un menu hamburger animé !
Dans ce tuto vidéo je vous propose de découvrir comment animer un menu hamburger grâce au langage CSS ainsi qu'à la librairie jQuery.
- Le premier chapitre de cette formation, sera consacré à la réalisation de cette animation afin de bien nous focaliser sur le code, sans aucun superflu.
- Puis, dans le second chapitre, nous reprendrons les codes de mon précédent tutoriel "réaliser un menu responsive facilement" afin d'y incorporer notre menu hamburger animé.
A la fin de ce cours vous aurez donc appris à créer une animation de menu hamburger et à l'intégrer sur votre site Internet !
Je mets à votre disposition l'ensemble des codes de ce tuto en fichiers sources. Je reste bien évidemment disponible pour répondre à vos éventuelles questions dans le salon d'entraide. Un QCM est à votre disposition pour tester vos connaissances en animation de menus.
Bon tuto !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Création d'un menu hamburger animé
Création d'un menu hamburger animé
Chapitre 2
Intégration du menu animé sur notre site
Intégration du menu animé sur notre site
Chapitre 3
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Création d'un menu hamburger animé
35m47
Leçon 1Mise en place des bases
Leçon 2On dessine un menu hamburger avec le CSS
Leçon 3On anime le menu hamburger avec jQuery et CSS
Leçon 4Adaptation du menu hamburger pour le site
Chapitre 2 : Intégration du menu animé sur notre site
11m53
Leçon 1Présentation du site avec sa nav
Leçon 2Intégration 1/2
Leçon 3Intégration 2/2
Chapitre 3 : Conclusion
57
Leçon 1Conclusion
Avis des apprenants