Адаптивное умное меню на Javascript | Как сделать адаптивное меню

Друзья, в этом видео мы с вами сделаем адаптивное умное меню на javascript, которое автоматически переносит пункты которые не влезают, в выпадающее бургер-меню.
#адаптивноеменю #javascript #LectorWeb

Как часто у вас ломалось меню, когда вы уже прописали медиа-запросы и тут резко заказчику понадобилось добавить еще два пункта. Это реалии жизни! ))) А используя это адаптивное умное меню вы всегда себя подстрахуете на тот случай если клиент добавит еще 2-3 пункта. Вся логика ложится на плечи Javascript.

Тайм-коды:
🕐00:00 - Вступление
🕐01:35 - Пишем HTML
🕐05:45 - Пишем CSS
🕐17:40 - Пишем Javascript

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
👍Получить доступ к различным плюшкам (доступы к макетам, скриптам, готовой верстке) + поддержка канала:

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
👍Если вы хотите просто поощрить мои старания любой суммой, я буду вам предельно благодарен.
Мои реквизиты:
💲ЮMoney(Яндекс Деньги): 41001858794127
💲Приват24: 5363 5420 1714 8058
💲Monobank: 4441 1144 2283 2244

=====================================================================
Всем привет! Меня зовут Алексей Перепелка. Я занимаюсь разработкой сайтов c 2008 года. На этом канале я буду делиться всеми своими знаниями от верстки до создания сайта под ключ.
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Не забудь подписаться ниже:
👇👇👇👇👇👇👇👇👇👇👇👇👇

[bulbadragon]

29:58
array.pop() не свойство, а метод.

[alexandermediantsev]

Пытался реализовать на WP. Очень чувствительно к стилям. Практически ничего изменить невозможно. Корректно работает только в том виде, в котором представлено здесь.

[NamelessGD]

В css .nav к flex (justify-content:center;), в js при сжатии меню (nav.style.justifyContent = "flex-start";) при сокрытии меню (nav.style.justifyContent = "center";) и в .visible-menu a:hover (border-radius: 10px 0 10px 0;) так еще красивее.