How to code a responsive navigation menu with HTML, CSS, JavaScript - Part 1: HTML

Veröffentlicht am: 03 November 2020
auf dem Kanal: pmCodingTutorials

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

Auf dieser Seite können Sie das Online-Video How to code a responsive navigation menu with HTML, CSS, JavaScript - Part 1: HTML mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer pmCodingTutorials 03 November 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 50 Mal angesehen und es wurde von 4 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

3,419

162