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

Publicado el: 03 noviembre 2020
en el canal de: 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

En esta página del sitio puede ver el video en línea How to code a responsive navigation menu with HTML, CSS, JavaScript - Part 1: HTML de Duración hora minuto segunda en buena calidad , que subió el usuario pmCodingTutorials 03 noviembre 2020, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 50 veces y le gustó 4 a los espectadores. Disfruta viendo!