Бургер меню - просто. HTML + CSS + JS

Мобильное меню с анимацией - быстро и просто. HTML + CSS и совсем немного Javascript.
👁‍🗨 Исходники кода в телеграм канале: t.me/frontend_du2
👁‍🗨 Discord: / discord
👁‍🗨 VK: frontend_du2
👁‍🗨 Дзен: dzen.ru/frontend_it

Пікірлер: 263

  • @user-yu9gp1ot9i
    @user-yu9gp1ot9i Жыл бұрын

    У вас отличные способности доходчиво объяснять сложные вещи! Получается лучше чем у раскрученных каналов.

  • @javas206

    @javas206

    Жыл бұрын

    многотысячно плюсую, всякие "Фрилансер по жизни" и рядом не стоят

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо большое ща ваше сообщение. Я буду стараться делать лучше. И большое роликов. Вы вдохновляете.

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Улыбнулся, мне очень приятно :)

  • @user-yq4wj6sh8k
    @user-yq4wj6sh8k Жыл бұрын

    Спасибо вам большое! Я прямо счастлива, от того, что получилось наконец-то))) Вчера делала по уроку из курса... У вас талант, объяснять просто и выбирать самое простое решение.

  • @user-uu6ht4eh5b
    @user-uu6ht4eh5b Жыл бұрын

    Спасибо от всей души! Просмотрела много разных видео на эту тему, но только с вами в итоге все получилось!

  • @YIIPABDOM
    @YIIPABDOM Жыл бұрын

    Спасибо, автор. Редко бывает, что человек в чём-то разбирается и может этому научить. У вас талант и в первом, и во втором.

  • @risenshine1349
    @risenshine1349 Жыл бұрын

    Золотой человек, спасибо Вам огромное!!! Процветания и роста Вашему каналу)) Про меню справа будет очень полезно узнать!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Здравствуйте, спасибо за ваш теплый комментарий. Рад, что видео пригодилось. Да да, я уже получил несколько комментариев про меню справа. Ставлю в план :)

  • @ruchnaya_klad
    @ruchnaya_klad Жыл бұрын

    Спасибо большое! Все подробно с объяснением шагов, 🤩🤩🤩очень круто, что после каждого действия показываете, что произошло с элементом в итоге.

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Я рад, что в этом видео вы смогли раскрыть для себя эту тему и разобраться со мной в создании меню. Буду учитывать это в следующих видео и чаще показывать браузер ) Спасибо :)

  • @alekseykovalev6210
    @alekseykovalev6210 Жыл бұрын

    Огромная благодарность Александру за самое понятное объяснение! Однозначно подписка и лайк!

  • @pacif1st484
    @pacif1st4847 ай бұрын

    Спасибо большое, мне так легче учиться, когда смотрю вас. Вы очень хорошо учите и показываете, спасибо вам за такой великолепный труд!

  • @alex_dudukalo

    @alex_dudukalo

    7 ай бұрын

    Спасибо за ваш комментарий😊 надеюсь и другие видео канала будут вам полезны 🤗

  • @ilsaturn0
    @ilsaturn0Ай бұрын

    Огромная вам благодарность!! Объяснили так понятно, как никто не объяснял. Буду смотреть и другие ролики. Подписалась 🤍

  • @Karrit94
    @Karrit9410 ай бұрын

    Урок максимально понятный. Столкнулась с необходимостью создать адаптив и меню бургер. Страшно даже было начинать, не знала, за что браться. С вашим уроком все получилось с первого раза! Спасибо))

  • @alex_dudukalo

    @alex_dudukalo

    10 ай бұрын

    Большое спасибо за ваш отзыв ) Попытался в этом ролике разобрать все. Анимацию, верстку, адаптивность и немного JS. Очень рад, что видео вам помогло. Надеюсь и другие ролики будут для вас полезны )

  • @dmitrysalahub7716
    @dmitrysalahub7716 Жыл бұрын

    Посмотрел, офигел и понял сколько всему еще учится) Видео, в любом случае очень полезное, особенно для таких как я. Спасибо вам!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за комментарий. Здорово , что материал полезный. Я тоже учусь делать ролики для ютуба. Спасибо за поддержку :)

  • @sergius_yo
    @sergius_yo Жыл бұрын

    Очень полезное видео, как и всегда!!! Спасибо, Александр 😉

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за ваш отклик :) И за поддержку

  • @vyacheslavmir967
    @vyacheslavmir9676 ай бұрын

    Отличное видео!все чётко,по полочкам и без воды.Так держать!👍🏻

  • @alex_dudukalo

    @alex_dudukalo

    6 ай бұрын

    Спасибо за ваш комментарий🤗 надеюсь и другие видео канала будут вам полезны))

  • @Marina-bh8iw
    @Marina-bh8iw8 ай бұрын

    Отличный урок, спасибо большое. Вы так понятно обьясняете. Рада, что нашла ваш канал!)

  • @alex_dudukalo

    @alex_dudukalo

    8 ай бұрын

    Ваша поддержка очень мотивирует🤗 спасибо!) оставайтесь на канале 😊

  • @user-cf7up4bf4r
    @user-cf7up4bf4r2 ай бұрын

    Огонь 🔥, спасибо большое, очень хорошо интересно и понятно всё! Ещё раз спасибо

  • @user-wi9nd5vn5z
    @user-wi9nd5vn5z Жыл бұрын

    Александр не останавливайся. Только вперед! Разжевывай подробнее и будет те подписота, если будешь показывать наглядно. Здоровья те!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Да, буду работать. Надеюсь )) По крайней мере это интересно ) Спасибо, и тебе здоровья :)

  • @romanpoimtsev9717
    @romanpoimtsev97176 күн бұрын

    Великолепное раскрытие темы! Огромная благодарность!❤

  • @alex_dudukalo

    @alex_dudukalo

    5 күн бұрын

    Спасибо за такой приятный комментарий :)

  • @MisKaktus
    @MisKaktus Жыл бұрын

    Все было доступно и понятно! Смогла внедрить в свой проект, большое спасибо за такой замечательный урок ❤

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Очень рад, что все получилось :) Спасибо за ваш приятный комментарий )

  • @kurtwurth4263
    @kurtwurth4263 Жыл бұрын

    Александр, круто получилось! Желаю процветания вашему каналу!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо большое. И за такие слова тоже. Желаю каналу крутых видео и таких же хороших подписчиков :)

  • @kalanAn
    @kalanAn8 ай бұрын

    Как всегда КЛАСС!!!👏👏👏 Спасибо за Вашу работу!!! Жду нового контента!!!!👍

  • @alex_dudukalo

    @alex_dudukalo

    8 ай бұрын

    Спасибо за обратную связь 🤗 ваша поддержка вдохновляет но новые видео))

  • @julianovoselova2883
    @julianovoselova2883 Жыл бұрын

    Спасибо за ролик! Наверное, самый полезный из актуальных на KZread!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Большое спасибо за теплый комментарий от вас )

  • @RuslanaRovdo
    @RuslanaRovdo Жыл бұрын

    Спасибо! Всё, оказывается, очень просто, если, конечно, находится человек, который умеет доходчиво объяснить.

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    )) Спасибо вам за такой комментарий) Вначале работы с версткой меню меня устрашало. Но стоит сделать его пару раз, то все становится простым )

  • @gusevanadin87
    @gusevanadin87 Жыл бұрын

    Спасибо, что вы все так подробно объясняете. Для новичков это действительно важно. Я горжусь, что у меня такой классный куратор 😊

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам за приятнейший комментарий. Мне это очень приятно и это мотивирует. Особенно приятно читать утром. Заряжает :)

  • @user-zo6rp1xn8i

    @user-zo6rp1xn8i

    Жыл бұрын

    Я теперь тоже к нему хочууууу😪

  • @user-rs9jn9oy5g
    @user-rs9jn9oy5g Жыл бұрын

    Александр, вы самый хороший человек на свете.

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Какой приятнейший комментарий от вас. Трудно не улыбаться. Спасибо вам за настроение :)

  • @le0messi
    @le0messi Жыл бұрын

    Суперское видео, четко, понятно и по делу, спасибо большое

  • @yulichka9478
    @yulichka9478 Жыл бұрын

    Александр, спасибо огромное за ваши видео. Вы очень просто и понятно объясняете. Если есть возможность снять видео про табы, свайпер и аккордеон. Удачи вам и процветания🙌

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Здравствуйте, Юлия. Спасибо вам за вашу поддержку. Я очень рад, что ролики вам нравятся и, что они помогают задачу. По табам планирую, а по Свайперу как раз сегодня опубликовал: kzread.info/dash/bejne/en-YqMemnbvaoLg.html Надеюсь понравится :)

  • @yasaki_bek
    @yasaki_bek Жыл бұрын

    спасибо за видео мне было очень нужно было это код, удачи следующых видео

  • @DINARAALM
    @DINARAALM Жыл бұрын

    Это великолепно, и больше никаких слов

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за ваш приятный комментарий. Я рад, что ролик вам понравился)

  • @user-hq4nk5mz6p
    @user-hq4nk5mz6p10 ай бұрын

    Все очень доступно и понятно! Порадовали попутно дополнительные "фишечки" работы с VSCode

  • @alex_dudukalo

    @alex_dudukalo

    10 ай бұрын

    Спасибо за Ваш отзыв))Да, хочется конечно записать отдельный ролик по инструментам VSCode и рассказать больше про настройку редактора кода))

  • @filsmean
    @filsmean Жыл бұрын

    Красавчик, именно на твоем видео пришло осознание как работает бургер меню.

  • @user-fs3vk5qe3l
    @user-fs3vk5qe3l11 ай бұрын

    Спасибо за видео, цель к Новому году, вижу, выполнена на ютубе)

  • @alex_dudukalo

    @alex_dudukalo

    10 ай бұрын

    Да 🙈 большое спасибо за Вашу поддержку, к сожалению не всегда получается быстро ответить

  • @user-ug6xe8zx6l
    @user-ug6xe8zx6l Жыл бұрын

    Большое спасибо за понятные разъяснения. Отличный пример как сделать бургер-меню)

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Большое спасибо за ваш отзыв :)

  • @Alim0408
    @Alim0408 Жыл бұрын

    Просто, эффективно, понятно. Спасибо большое!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за ваш комментарий ) Именно так хотелось показать такое меню :)

  • @user-cn5tk4tg1n
    @user-cn5tk4tg1n Жыл бұрын

    Спасибо огромное!замечательное видео.перелопатила просто кучу материала-Ваше просто лучшее!)да.снимите пожалуйста видео где меню справа.подписалась на Ваш канал.буду с удовольствием смотреть Ваши видео и учиться))

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо) Полезнейший комментарий от вас. Да, есть запрос на такой ролик. В течении недели обязательно запишу такое видео :)

  • @user-xy6tj2nh1m
    @user-xy6tj2nh1m28 күн бұрын

    Спасибо тебе за видео, очень круто и четко объяснил!

  • @relaxdeepsleepmusic3608
    @relaxdeepsleepmusic3608 Жыл бұрын

    Очень классно объясняете. Спасибо!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за ваш комментарий. Мне их приятно читать :)

  • @aliexpress2109
    @aliexpress2109 Жыл бұрын

    спасибо большое! Самое понятное объяснение на просторах ютуба

  • @TarasAndriutsa
    @TarasAndriutsa Жыл бұрын

    Благодарю , круто прокачался в приятной атмосфере

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам :) Да, мне кажется видео получилось хорошим. Но буду стараться лучше ):

  • @sergeyusovich17
    @sergeyusovich17 Жыл бұрын

    Много смотрел видео, это единственное по которому получилось сделать, поэтому лайк сразу

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за просмотр, лайк и конечно за крутой комментарий. Наверное я делаю что то правильно)

  • @user-iq3sw4jr5i
    @user-iq3sw4jr5i10 ай бұрын

    Спасибо за видео! Очень круто, интересно и самое главное понятно 😊

  • @alex_dudukalo

    @alex_dudukalo

    10 ай бұрын

    Спасибо за Ваш отзыв)) надеюсь и другие видео курса будут вам полезны)))

  • @kostukov75
    @kostukov75 Жыл бұрын

    Отличный контент, удачи тебе в Новом Году!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Большое спасибо. Буду работать. Удачи нам всем :)

  • @calikatana
    @calikatana Жыл бұрын

    Да наконец-то кто-то нормально объяснил, как это делается!

  • @yanasam4077
    @yanasam4077 Жыл бұрын

    Благодарю! Отличное объяснение!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Здравствуйте, Яна. Спасибо за ваш комментарий :)

  • @user-ii7uy9ry3l
    @user-ii7uy9ry3l Жыл бұрын

    Спасибо большое за информацию!😉🤝

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам за комментарий)

  • @user-mg3fz3ft8g
    @user-mg3fz3ft8g Жыл бұрын

    Все очень доходчиво и понятно ВООЩЕ СУПЕРРР

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Большое вам спасибо за такой комментарий :)

  • @vitaliysnezhkin3661
    @vitaliysnezhkin3661 Жыл бұрын

    Спасибо большое, круто получилось)

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам :)

  • @user-db3gp2xe2r
    @user-db3gp2xe2r Жыл бұрын

    большое спасибо за видео! очень полезно и понятно)

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за комментарий ) Я очень рад, что видео вам было интересно

  • @ruslanlepekhin8777
    @ruslanlepekhin8777 Жыл бұрын

    Хорошее видео. Спасибо вам.

  • @user-dg5dw1jm2c
    @user-dg5dw1jm2c2 ай бұрын

    Дякую, було легше ніж я думав

  • @max3lord911
    @max3lord911 Жыл бұрын

    Благодарю, ждем видео бургер справа)

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам :) Да, хочется такое меню тоже сделать :)

  • @SnezanaG
    @SnezanaG Жыл бұрын

    Спасибо. Очень доходчиво и понятно объяснили .

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам за комментарий ): Не всегда получается быстро ответить (

  • @itsMatrik
    @itsMatrik5 ай бұрын

    Не знаю что еще тут можно написать, поэтому - спасибо!

  • @AlenaPavlovaa
    @AlenaPavlovaa Жыл бұрын

    Спасибо вам большое за это видео!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за вашу поддержку :)

  • @grrrrrrrrrya
    @grrrrrrrrrya Жыл бұрын

    Ты великолепен, спасибо большое, очень помог

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Очень приятно читать такой комментарий :) Большое спасибо

  • @user-jw5pz9fu7p
    @user-jw5pz9fu7p Жыл бұрын

    Спасибо за подробный и понятный ролик. Запишите, пожалуйста, ролик, как делать бургер справа. Понятно, что базово отличий будет не много, но интересно тоже!!! Спасибо!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за ваш отклик и предложение. Да, уже поставил в план. Получил несколько комментариев с этим предложением. Буду записывать про меню справа )

  • @user-ys2et3kc8c
    @user-ys2et3kc8c Жыл бұрын

    Супер-круто! отличная музычка

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    )) Спасибо :) Надеюсь музыка не сильно отвлекает от основного контента

  • @user-ys2et3kc8c

    @user-ys2et3kc8c

    Жыл бұрын

    @@alex_dudukalo всё отлично

  • @user-pq6ex7ec1q
    @user-pq6ex7ec1q Жыл бұрын

    все просто и доступно, не то что некоторые. спасибо

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам :)

  • @user-pq6ex7ec1q

    @user-pq6ex7ec1q

    Жыл бұрын

    ​@@alex_dudukalo только вот одна незадача, когда обновляешь страницу , страница загружается с открытым бургер меню, подскажите как поправить

  • @Snezh88k
    @Snezh88k Жыл бұрын

    Круто. 5 из 5, ни одного вопроса не осталось, по текущему уроку!

  • @user-fh7dx7tz4p
    @user-fh7dx7tz4p Жыл бұрын

    Спасибо за видео, но мы всё ещё очень ждём курс по JS))

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за каш комментарий. Не всегда успевается быстро отвечать(( Работаю над материалом. Скоро будет что то)

  • @vladabshev412
    @vladabshev4127 ай бұрын

    Видео супер! просто и доходчиво🤜

  • @alex_dudukalo

    @alex_dudukalo

    7 ай бұрын

    Спасибо 🔥 надеюсь и другие видео на канале будут вам полезны))

  • @argument6492
    @argument6492 Жыл бұрын

    - По программируем? - Не волнуйтесь, будет не страшно. Все будет быстро! Определенно лайк!😄

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    ))) Капелька оптимизма не помешает, когда речь идет про программирование ))

  • @primo7series
    @primo7series7 ай бұрын

    Огромное спасибо!:)

  • @alex_dudukalo

    @alex_dudukalo

    7 ай бұрын

    Спасибо за ваш комментарий 🤗🔥 оставайтесь на канале))

  • @DiliaraDi
    @DiliaraDi Жыл бұрын

    Александр, пожалуйста видео в студию *бургер с правой части сайта*. Спасибочки🤗 Это видео Огонь!🤩

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за отклик в видео комментария :) Да, пожалуй я соберу все такие моменты и запишу по ним ролик, Бургер справа туда тоже обязательно войдет :)

  • @skytype2077
    @skytype20779 ай бұрын

    Спасибо за урок, подписка однозначно. Хороший урок, но хорошо было бы продолжить урок, так как нужно доработать код JS для самого мобильного меню, к примеру добавить скрытия меню при переходе по ссылке, добавить выпадающий список в двухуровневом меню. К стати хорошо бы еще добавить функцию определения с какого устройства зашел пользователь, чтобы определить как будет работать выпадающий список подменю по наведению мышки или нажатию на экран.

  • @alex_dudukalo

    @alex_dudukalo

    8 ай бұрын

    Спасибо за ваш комментарий. Да, я думаю сделать такой ролик. Получится длиннее, но зато разберу все детали такого меню. Ведь, показать меню одно. Что дальше, при клике, при прокрутке. Думаю, получится интеренсо :)

  • @andreyfedyukin8360
    @andreyfedyukin8360 Жыл бұрын

    Александр, спасибо за видео. По методологии БЭМ очень нужно видео и как можно подробнее. Буду очень ждать. Заранее спасибо Вам!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за комментарий. Да да, я готовлю материал. Тема не простая. Надо подготовить много графики, что бы показать все наглядно :) Видео в плане )

  • @v-logvinov
    @v-logvinov Жыл бұрын

    Видео, как всегда, на высшем уровне. Сделайте пожалуйста видео по БЭМ

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Валерий, спасибо за ваш отзыв. Да, готовлю БЭМ. Давно хочу сделать ) Тема не простая )

  • @seriously7791
    @seriously77915 ай бұрын

    Классное видео, спасибо. Хотелось бы увидеть как сделать закрытие меню при клике на ссылку и при клике за контент за выплывающим меню.

  • @user-sy5bm7xh2c
    @user-sy5bm7xh2c Жыл бұрын

    Приветствую, спасибо за видеою. Хотелось бы увидеть видео про БЭМ

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам за комментарий :) Буду работать над новым роликом по БЭМ

  • @user-wi9nd5vn5z
    @user-wi9nd5vn5z Жыл бұрын

    Александр МОГЕТ !!!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за поддержку и что вы со мной :)

  • @user-mv1dg9fg5m
    @user-mv1dg9fg5m Жыл бұрын

    Если цель есть, значит будет у тебя 2к подписоты)) А вот про бургер, я бы уменьшил время транзишена на непрозрачность что бы центральная линия быстрее скрывалась. И еще момент, ты прозрачный цвет заливки бургера поставил не по активному классу а по умолчанию)) Ну и спасибо за ролик конечно!))

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Да, я буду стараться ) Главное поставил цель ))) Не поверишь, но перед записью видео я готовился и сделал так, как ты сказал с скоростью изменения прозрачности. Но при записи забыл про это)) Про прозрачность кнопки надо посмотреть, как буду за компьютером :) Спасибо тебе. За то, что посмотрел полностью ))

  • @sidoorenko
    @sidoorenko Жыл бұрын

    Спасибо большое !

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    И вам :)

  • @SunkeySunrise
    @SunkeySunrise Жыл бұрын

    Спасибо за урок🔥

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам за комментарий)

  • @nemonemo5747
    @nemonemo5747 Жыл бұрын

    Отличное видео, я по нему почти что смогла сделать бургер справа) От горизонтального скролла избавиться пока не получилось, не понимаю, куда overflow прописывать, так что видео по правому бургеру тоже очень жду)

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Да да, уже есть много запросов на такое меню :) Обязательно сделаю его :)

  • @kwintessencia

    @kwintessencia

    Жыл бұрын

    @@alex_dudukalo та же история) если указываю мобильное расширение, меню висит справа от верстки( overflow при этом пофиг)

  • @VIKTOR.MARKOV
    @VIKTOR.MARKOV Жыл бұрын

    спасибо! круто получилось

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за вашу поддержку :)

  • @korneff
    @korneff Жыл бұрын

    Большое спасибо за видео

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Шлю взаимное спасибо :)

  • @user-gx4ni8ku1c
    @user-gx4ni8ku1c Жыл бұрын

    Спасибо за видео!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за ваш комментарий )

  • @whiteltd5970
    @whiteltd59708 ай бұрын

    Спасибо за видео, ищу альернативы как бургер сделать через SVG, и у меня с правой стороны бургер меню, с левой стороны чуть понятней стало как сделать по вашему примеру. Пойду дальше искать как сделать бургер с правой стороны :)

  • @alex_dudukalo

    @alex_dudukalo

    8 ай бұрын

    Спасибо вам. Бургер svg у меня еще пока нет. Но ролик с бургер справа есть 😇 Правое бургер меню - подробное объяснение. HTML + CSS + JS kzread.info/dash/bejne/n3V-s62qf5uTosY.html

  • @WebASMR001
    @WebASMR0015 ай бұрын

    Боже, спасибо, что ты есть Санечек...

  • @astahov_official
    @astahov_official Жыл бұрын

    Александр, все отлично, но единственное замечание это - некорректное подключение файла js'a, ведь сначала сайт должен сканировать всю разметку и стилизацию, а только потом сами скрипты, то есть нужно подключать в конце body, так производительность сайта увеличится и не будет выдавать ошибки p.s об атрибуте я не знал)

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Здравствуйте, спасибо за ваш комментарий и поддержку. Да, для правильного подключения, используется обработчик события, который сработает, когда вся страница будет загружена. DOMContentLoaded. Так же в подключении есть атрибут defer, который делает тоже самое :)

  • @user-wq4mh7li2t
    @user-wq4mh7li2t3 ай бұрын

    на счёт меню справа 11:00 , было бы здорово т.к. слева часто есть текст, и это меню закрывает текст. С этим конечно жить можно но не очень практично и удобно если смотреть с точки зрения пользователя... А на счёт самого объяснения, очень доходчиво и просто, спасибо)

  • @alizhilov1391
    @alizhilov13918 ай бұрын

    красава все четко объяснил!!!

  • @alex_dudukalo

    @alex_dudukalo

    8 ай бұрын

    Спасибо 🔥 надеюсь и другие видео канала будут вам полезны 😊

  • @user-bs4dk3oe9l
    @user-bs4dk3oe9l Жыл бұрын

    лучший

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вас за ваш комментарий :)

  • @user-zo6rp1xn8i
    @user-zo6rp1xn8i Жыл бұрын

    Александр, очень хотелось бы курс по JS!!! Пожалуйста, запишите, будем очень признательны🙏🙏🙏!!!! Вы умничка, продолжайте в том же духе!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо большое за вашу поддержу :) Я уже работаю над этим ) не так быстро, как хотелось бы. Но скоро что то из этого будет

  • @user-zo6rp1xn8i

    @user-zo6rp1xn8i

    Жыл бұрын

    @@alex_dudukalo спасибо спасибо!!!

  • @sokolovoleh
    @sokolovoleh Жыл бұрын

    Спасибо за крутейщее объяснение!! Можете ли бы вы обьяснить как можно сделать, что бы меню выезжало только при нажатии на него ? Буду вам очень благодарен

  • @xasanmirobidov814
    @xasanmirobidov81411 ай бұрын

    Всё прекрасна Всё ясно ❤❤❤

  • @alex_dudukalo

    @alex_dudukalo

    11 ай бұрын

    Большое спасибо вам :)

  • @grigoriyfomenko4927
    @grigoriyfomenko4927 Жыл бұрын

    Доходчиво и просто

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Большое спасибо за ваш комментарий)

  • @qwi-yu4xf
    @qwi-yu4xf2 ай бұрын

    Благодаря этому видео я научился делать бургер меню с помощью js. 🎉🎉🎉🎉🎉

  • @alex_dudukalo

    @alex_dudukalo

    2 ай бұрын

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

  • @user-rs9jn9oy5g
    @user-rs9jn9oy5g Жыл бұрын

    урааа спасибо!!!!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за ваш отклик :)

  • @olyabelova8279
    @olyabelova82796 ай бұрын

    Спасибо!

  • @alex_dudukalo

    @alex_dudukalo

    6 ай бұрын

    Спасибо за ваш комментарий 🤗

  • @user-dy5qv2yd9t
    @user-dy5qv2yd9t Жыл бұрын

    привет. крутой видос. покажи еще как реализовать меню с выездом справа, а бургер кнопка была разных размеров спан и как эти спаны потом превращаются в крестик

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам :) Да, много запросов по этому видео. Думаю в течении 5 дней сделаю такой ролик :)

  • @SwaNaQ
    @SwaNaQ Жыл бұрын

    Отличное обучающее видео, доступно и понятно, спасибо! Подскажите, пожалуйста, вы подключили скрипт в хэд, но многие подключают его в конец боди. Какой вариант и в каких условиях лучше использовать?

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Прошу прощения за долгий ответ. Я бы подключал внизу для безопасности и что бы в старых браузерах все работает хорошо. Но в целом сейчас это особого значения не имеет :)

  • @javas206
    @javas206 Жыл бұрын

    Мегахорош! Продолжай снимать и начни уже наконец с этого зарабатывать!

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам :))) И спасибо за коммент )) Как монетизировать - это уже хороший вопрос)) Думаю, что скоро в планах. Но хочется как то интересно это делать )

  • @user-ii7uy9ry3l
    @user-ii7uy9ry3l Жыл бұрын

    Автор, спасибо тебе огромное и успехов в развитии канала. Можете пожалуйста подсказать, сделал бургер по Вашему видео, но мне нужно теперь сделать так, чтоб при нажатии на любую ссылку в меню, а также в любую другую область экрана - меню также плавно скрывалась.

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо вам за ваш комментарий. Ваш вопрос - это тема для отдельного ролика. Думаю я скоро запишу такой

  • @user-ii7uy9ry3l

    @user-ii7uy9ry3l

    Жыл бұрын

    @@alex_dudukalo Обязательно сделайте, буду рад)

  • @Fish_ok
    @Fish_ok Жыл бұрын

    А что дописать в js, что бы при клике на меню в бургер - бургер закрывался? А также при клике на любое поле (body) также закрывался бургер.

  • @AntonioBenderas
    @AntonioBenderas Жыл бұрын

    Можно ещё убирать меню при нажатии на ссылку или за пределами меню, затемнить бэкграунд, залочить скрол)

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Да конечно, так будет идеально. Это меню рассчитанного на ссылки, ведущие на другие страницы. При клике на них срабатывает переход и меню исчезает, так как загружается новая страница. В случае якорных ссылок, действительно меню Нужно скрывать :) думаю запишу более развернутое видео с вашими предложениями :)

  • @sergius_yo
    @sergius_yo Жыл бұрын

    Александр, сделайте пожалуйста видео, как объединить сразу два меню в бургере:)) то есть где верхнее и нижнее хэдер меню

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Да, я понимаю о чем вы говорите. Интересный пример. Тут просто нужно решить, что будет контейнером меню. В блок menu должно входить верхнее и нижнее меню. Я подумаю, как это видео оформить. Пример интересный :)

  • @user-rr9qf8qe7v
    @user-rr9qf8qe7v Жыл бұрын

    Как всегда все понятно, единственное конечно с js бы поподробнее, все останольное понятно, а вот с js пока не очень

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо за ваш комментарий. Да, js это отдельная больше тема) Стараюсь разбирать его в отдельном плейлисте))

  • @user-ei8ib3mq2q
    @user-ei8ib3mq2q Жыл бұрын

    Спасибо с 1го раза всё получилось!очень доходчиво!буду рад если ответите на вопрос?можно же меню прятать вместо отрицательного left просто задать display none,а при клике display block??????так ведь проще и всё равно с какой стороны бургер делать??или не сработает??

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо. Я рад, что ролик помог вам )) да, конечно можно сделать так. Но только не получится сделать анимацию ( блок будет просто появляться и исчезать )

  • @user-ei8ib3mq2q

    @user-ei8ib3mq2q

    Жыл бұрын

    @@alex_dudukalo да понял!!спасибо!

  • @user-mq2st5qp9h
    @user-mq2st5qp9h7 ай бұрын

    Большое спасибо за видео! Подскажите пожалуйста, как вставить хоть какой-нибудь логотип? Видимо из-за различных свойств, которые я пока не до конца понял, не могу вставить логотип на то место где у вас стоит " верстка". Возможно ли не ломая данной конфигурации меню, вставить туда логотип?

  • @alex_dudukalo

    @alex_dudukalo

    7 ай бұрын

    Здравствуйте, спасибо за ваш отзыв. Да, изменить логотип можно, изменив путь к изображению в атрибуте src у тега img. Все должно пройти гладко. Возможно где-то придется немного поправить размеры и отступы в CSS

  • @FunCam8K
    @FunCam8K Жыл бұрын

    ты лучший

  • @alex_dudukalo

    @alex_dudukalo

    Жыл бұрын

    Спасибо :)) ❤️

Келесі