How to code a responsive navigation menu with HTML, CSS, JavaScript - Part 1: HTML
Responsive Navigation Tutorial. Build a responsive navigation with HTML, CSS, JavaScript. Features mobile and desktop styling, transitions and animations, intersection observer and JavaScript to enable users to open and close sub menus by using the Tab key.
Subscribe for weekly front end coding tutorials.
Complete Playlist for this tutorial:
Intro: • How to code a responsive navigation menu w...
Part 1 - HTML: • How to code a responsive navigation menu w...
Part 2 - JS: • How to create a responsive navigation menu...
Part 3 - Mobile CSS: • How to create a responsive navigation menu...
Part 4 - Desktop CSS: • How to create a responsive navigation menu...
Part 5 - Final JS with Intersection Observer: • How to create a responsive navigation menu...
GitHub: https://github.com/patriciamolnar/res...
CodePen: https://codepen.io/patriciamolnar/pen...
Links to resources used:
normalize.css: https://necolas.github.io/normalize.css/
Arrow design by w3school: https://www.w3schools.com/howto/tryit...
Monoton Font: https://fonts.google.com/specimen/Mon...
Nunito Font: https://fonts.google.com/specimen/Nunito
Free Stock Images: https://www.pexels.com/
Follow me on social media:
Twitter: / pmcoding
Instagram: / pmcoding
On this page of the site you can watch the video online How to code a responsive navigation menu with HTML, CSS, JavaScript - Part 1: HTML with a duration of hours minute second in good quality, which was uploaded by the user pmCodingTutorials 03 November 2020, share the link with friends and acquaintances, this video has already been watched 50 times on youtube and it was liked by 4 viewers. Enjoy your viewing!
