$ 11.00

Tuto Dev. FrontEnd#5 : Menu hamburger animé avec CSS, jQuery

$ 11.00

  • Une formation vidéo de 48m37s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 !

Table des matières de cette formation CSS, jQuery (durée : 48m37s)

  • Création d'un menu hamburger animé
    • Mise en place des bases 00:08:01
    • On dessine un menu hamburger avec le CSS 00:08:49
    • On anime le menu hamburger avec jQuery et CSS 00:12:05
    • Adaptation du menu hamburger pour le site 00:06:52
  • Intégration du menu animé sur notre site
    • Présentation du site avec sa nav 00:02:23
    • Intégration 1/2 00:05:52
    • Intégration 2/2 00:03:38
  • Conclusion
    • Conclusion 00:00:57



Formateur : Carl Brison

Carl Brison a publié 130 tutoriels et obtenu une note moyenne de 4,9/5 sur 7 846 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    CSS 3, jQuery
  • Que contient le fichier source ?
    Tout le script du tuto
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1135 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données