Простое бургер-меню на чистом JS за 25 минут

В этом видео мы сделаем несложное бургер-меню для сайта, которое в дальнейшем вы сможете стилизовать и улучшать по своему усмотрению. Наше меню адаптируется под мобильные устройства. При нажатии на иконку-бургер, слева направо выпадает меню. Анимируется сама иконка, из бургера она превращается в крестик. Также наша навигация всегда прижата к верхней стороне браузера, что удобно для пользователей. –––––––––––––––––––––––––––––– Таймкоды из видео: 0:00 - Демонстрация бургер-меню 0:49 - Исходный код проекта 1:58 - Разметка для бургер меню 2:40 - Стилизация navbar'а 6:54 - Стилизация элементов меню 11:26 - Стилизация иконки-бургер 14:26 - Стилизация и скрипт попапа 18:38 - Добавляем меню в попап 22:39 - Анимация иконки-бургер 24:29 - Блокируем попап, добавляем внутренний скролл 26:40 - Завершение –––––––––––––––––––––––––––––– Ссылки на источники: Стартовый проект на GitHub: Готовый код из видео: –––––––––––––––––––––––––––––– Лучшая ваша поддержка - лайк под этим видео! Советую посетить мой сайт codelab.pro, там вы найдете много интересных уроков по программированию. Я выполняю заказы по верстке сайтов и написанию скриптов на JS. Пишите admin@codelab.pro