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é 186 tutoriels et obtenu une note moyenne de 4,9/5 sur 12 755 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

4,7
note moyenne

3
avis laissés
5 étoiles
2
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 4
    avis de faboldchap03400 laissé le 14/08/2020
    Complément indispensable de votre tutoriel front end #4 ! Merci pour cet ajout ! Questions : 1) Si on clique sur un lien du menu, est-ce que le menu est toujours visible ? Si oui, comment le gérer ? En CSS ou en Jquery ? 2) comment intégrer plus facilement dans un autre site ? Avec Php ? Merci pour ce complément d’informations.
    "Si vous cliquez sur un lien, vous allez sur une nouvelle page. Donc à vous de récupérer le menu"

  • 5
    avis de bader_johanna laissé le 23/08/2019
    Génial encore merci Carl de ton professionnalisme

  • 5
    avis de valerie-a77 laissé le 25/08/2018
    Un bon cours qui fait suite et complète le précédent (Dev. FrontEnd#4). Pas forcément facile (je ne suis pas branchée chiffres) mais intéressant. On apprend... et on avance :-)

  • 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
  • Bonjour Carl Est-il possible de faire toutes ces animations en ne faisant QUE du CSS ? Parce que je suis intéressé par cette formation mais je déteste la programmation JavaScript. Merci d'avance.
    Hello, Oui on peut le faire mais de façon plus light et c'est une excellente idée. Je vais faire un tuto sur ce sujet ! Merci ;-)
accédez à plus de 1249 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données