How to code a responsive navigation menu with HTML, CSS, JavaScript (2020) - Intro смотреть онлайн
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: https://youtu.be/oNqzVS3813s
Part 1 - HTML: https://www.youtube.com/watch?v=9yuI8VmuGmM
Part 2 - JS: https://youtu.be/Xtq0pwgCSUw
Part 3 - Mobile CSS: https://youtu.be/HSZLUyShddY
Part 4 - Desktop CSS: https://youtu.be/EM4inoHkIcY
Part 5 - Final JS with Intersection Observer: https://youtu.be/dd9kR1ps1pw
GitHub: https://github.com/patriciamolnar/responsive-navigation-2020
CodePen: https://codepen.io/patriciamolnar/pen/JjKLvYv
Links to resources used:
- normalize.css: https://necolas.github.io/normalize.css/
- Arrow design by w3school: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_arrows
- Monoton Font: https://fonts.google.com/specimen/Monoton
- Nunito Font: https://fonts.google.com/specimen/Nunito
- Free Stock Images: https://www.pexels.com/
Follow me on social media:
Twitter: https://twitter.com/pmcoding
Instagram: https://www.instagram.com/pmcoding/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «How to code a responsive navigation menu with HTML, CSS, JavaScript (2020) - Intro» бесплатно и без регистрации, вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.