Dans ce tuto vidéo, je vous propose d'apprendre à coder une navigation responsive à l'aide du HTML5, du CSS3, et de jQuery. Le responsive webdesign est aujourd'hui une obligation pour tout site Internet (notamment aux yeux de Google). Elle permet une navigation qui s'adapte à toutes les résolutions (tablettes, smartphones et ordinateurs desktop).

Créer une navigation est un exercice très formateur et permet d'obtenir un résultat rapide. Idéal, donc pour se mettre au CSS ou peaufiner votre technique avec des méthodes actuelles d'intégration.

Au programme de ce tuto coder une navigation responsive

Au cours de cet exercice, nous verrons :

• comment sur mobiles et tablettes faire apparaitre une navigation via un "menu burger".
• comment créer un sticky menu (menu qui reste collé dans la partie supérieure de votre navigateur).
• comment appliquer des nouveaux styles css au scroll. 2 types de présentations du contenu du menu seront abordées dans ce cours.
• comment gérer les animations d'apparition et de transition.

Nous nous soucierons de l'aspect visuel de la navigation en travaillant son design, et son ergonomie, nous ajouterons des animations et transformations dans la tendance du webdesign actuel à l'aide du CSS3 et de jQuery.

A la fin de ce tutoriel, vous saurez coder une navigation responsive rapidement.