Il est peut fréquent de croiser une navigation verticale, elles offrent néanmoins un certain nombre d'avantages comme la possibilité d'intégrer un plus grand nombre d'informations, plus de place pour mettre en valeur le logo, et le responsive est plus simple à gérer.

Généralement plus imposant, le design des menus verticaux peut avoir un réel impact sur l'identité d'un site.
Leur utilisation peut se justifier autant sur un portfolio que sur un site vitrine.

Au programme de ce tuto Coder une navigation verticale

Dans ce tuto vidéo, je vous propose d'apprendre à coder une navigation verticale de A à Z, à l'aide de jQuery pour les évènements au clic, mais aussi du CSS3  pour les animations et transformations. 

Voici notamment les notions qui seront abordées au cours de ce tutoriel pour apprendre à coder un menu vertical :

• comment utiliser le jQuery de manière optimale pour les évènements au clic
• plusieurs animations et transformations possible grâce au CSS3
• la création d'un masque cliquable (qui referme la navigation), qui contribue à l'amélioration de l'ergonomie
• L'animation de l'icône "burger" d'un menu

À la fin de ce tuto, vous saurez coder une navigation verticale, et mettre en place des animations et fonctionnalités qu'on ne pas retrouver sur toutes les navigations.

Je reste disponible dans la section entraide pour répondre à vos questions.