No video

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

  Рет қаралды 38,676

Александр Дудукало

Александр Дудукало

Күн бұрын

Мобильное меню с анимацией - быстро и просто. HTML + CSS и совсем немного Javascript.
👁‍🗨 Телеграм: t.me/frontend_du2
👁‍🗨 Discord: / discord
👁‍🗨 VK: frontend
👁‍🗨 Дзен: dzen.ru/frontend
👁‍🗨 Rutube: rutube.ru/u/fr...

Пікірлер: 266
@user-yu9gp1ot9i
@user-yu9gp1ot9i Жыл бұрын
У вас отличные способности доходчиво объяснять сложные вещи! Получается лучше чем у раскрученных каналов.
@javas206
@javas206 Жыл бұрын
многотысячно плюсую, всякие "Фрилансер по жизни" и рядом не стоят
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо большое ща ваше сообщение. Я буду стараться делать лучше. И большое роликов. Вы вдохновляете.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Улыбнулся, мне очень приятно :)
@risenshine1349
@risenshine1349 Жыл бұрын
Золотой человек, спасибо Вам огромное!!! Процветания и роста Вашему каналу)) Про меню справа будет очень полезно узнать!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, спасибо за ваш теплый комментарий. Рад, что видео пригодилось. Да да, я уже получил несколько комментариев про меню справа. Ставлю в план :)
@Karrit94
@Karrit94 Жыл бұрын
Урок максимально понятный. Столкнулась с необходимостью создать адаптив и меню бургер. Страшно даже было начинать, не знала, за что браться. С вашим уроком все получилось с первого раза! Спасибо))
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Большое спасибо за ваш отзыв ) Попытался в этом ролике разобрать все. Анимацию, верстку, адаптивность и немного JS. Очень рад, что видео вам помогло. Надеюсь и другие ролики будут для вас полезны )
@DINARAALM
@DINARAALM Жыл бұрын
Это великолепно, и больше никаких слов
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш приятный комментарий. Я рад, что ролик вам понравился)
@ruchnaya_klad_konst
@ruchnaya_klad_konst Жыл бұрын
Спасибо большое! Все подробно с объяснением шагов, 🤩🤩🤩очень круто, что после каждого действия показываете, что произошло с элементом в итоге.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Я рад, что в этом видео вы смогли раскрыть для себя эту тему и разобраться со мной в создании меню. Буду учитывать это в следующих видео и чаще показывать браузер ) Спасибо :)
@dmitrysalahub7716
@dmitrysalahub7716 Жыл бұрын
Посмотрел, офигел и понял сколько всему еще учится) Видео, в любом случае очень полезное, особенно для таких как я. Спасибо вам!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за комментарий. Здорово , что материал полезный. Я тоже учусь делать ролики для ютуба. Спасибо за поддержку :)
@user-rs9jn9oy5g
@user-rs9jn9oy5g Жыл бұрын
Александр, вы самый хороший человек на свете.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Какой приятнейший комментарий от вас. Трудно не улыбаться. Спасибо вам за настроение :)
@YIIPABDOM
@YIIPABDOM Жыл бұрын
Спасибо, автор. Редко бывает, что человек в чём-то разбирается и может этому научить. У вас талант и в первом, и во втором.
@romanpoimtsev9717
@romanpoimtsev9717 2 ай бұрын
Великолепное раскрытие темы! Огромная благодарность!❤
@alex_dudukalo
@alex_dudukalo 2 ай бұрын
Спасибо за такой приятный комментарий :)
@pacif1st484
@pacif1st484 10 ай бұрын
Спасибо большое, мне так легче учиться, когда смотрю вас. Вы очень хорошо учите и показываете, спасибо вам за такой великолепный труд!
@alex_dudukalo
@alex_dudukalo 10 ай бұрын
Спасибо за ваш комментарий😊 надеюсь и другие видео канала будут вам полезны 🤗
@gusevanadin87
@gusevanadin87 Жыл бұрын
Спасибо, что вы все так подробно объясняете. Для новичков это действительно важно. Я горжусь, что у меня такой классный куратор 😊
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам за приятнейший комментарий. Мне это очень приятно и это мотивирует. Особенно приятно читать утром. Заряжает :)
@user-zo6rp1xn8i
@user-zo6rp1xn8i Жыл бұрын
Я теперь тоже к нему хочууууу😪
@user-wi9nd5vn5z
@user-wi9nd5vn5z Жыл бұрын
Александр не останавливайся. Только вперед! Разжевывай подробнее и будет те подписота, если будешь показывать наглядно. Здоровья те!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да, буду работать. Надеюсь )) По крайней мере это интересно ) Спасибо, и тебе здоровья :)
@yasaki_bek
@yasaki_bek Жыл бұрын
спасибо за видео мне было очень нужно было это код, удачи следующых видео
@user-yq4wj6sh8k
@user-yq4wj6sh8k Жыл бұрын
Спасибо вам большое! Я прямо счастлива, от того, что получилось наконец-то))) Вчера делала по уроку из курса... У вас талант, объяснять просто и выбирать самое простое решение.
@argument6492
@argument6492 Жыл бұрын
- По программируем? - Не волнуйтесь, будет не страшно. Все будет быстро! Определенно лайк!😄
@alex_dudukalo
@alex_dudukalo Жыл бұрын
))) Капелька оптимизма не помешает, когда речь идет про программирование ))
@max3lord911
@max3lord911 Жыл бұрын
Благодарю, ждем видео бургер справа)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам :) Да, хочется такое меню тоже сделать :)
@RuslanaRovdo
@RuslanaRovdo Жыл бұрын
Спасибо! Всё, оказывается, очень просто, если, конечно, находится человек, который умеет доходчиво объяснить.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
)) Спасибо вам за такой комментарий) Вначале работы с версткой меню меня устрашало. Но стоит сделать его пару раз, то все становится простым )
@kurtwurth4263
@kurtwurth4263 Жыл бұрын
Александр, круто получилось! Желаю процветания вашему каналу!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо большое. И за такие слова тоже. Желаю каналу крутых видео и таких же хороших подписчиков :)
@user-fs3vk5qe3l
@user-fs3vk5qe3l Жыл бұрын
Спасибо за видео, цель к Новому году, вижу, выполнена на ютубе)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да 🙈 большое спасибо за Вашу поддержку, к сожалению не всегда получается быстро ответить
@user-pq6ex7ec1q
@user-pq6ex7ec1q Жыл бұрын
все просто и доступно, не то что некоторые. спасибо
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам :)
@user-pq6ex7ec1q
@user-pq6ex7ec1q Жыл бұрын
​@@alex_dudukalo только вот одна незадача, когда обновляешь страницу , страница загружается с открытым бургер меню, подскажите как поправить
@julianovoselova2883
@julianovoselova2883 Жыл бұрын
Спасибо за ролик! Наверное, самый полезный из актуальных на KZbin!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Большое спасибо за теплый комментарий от вас )
@user-uu6ht4eh5b
@user-uu6ht4eh5b Жыл бұрын
Спасибо от всей души! Просмотрела много разных видео на эту тему, но только с вами в итоге все получилось!
@elisaeyesb
@elisaeyesb 3 ай бұрын
Огромная вам благодарность!! Объяснили так понятно, как никто не объяснял. Буду смотреть и другие ролики. Подписалась 🤍
@astahov_official
@astahov_official Жыл бұрын
Александр, все отлично, но единственное замечание это - некорректное подключение файла js'a, ведь сначала сайт должен сканировать всю разметку и стилизацию, а только потом сами скрипты, то есть нужно подключать в конце body, так производительность сайта увеличится и не будет выдавать ошибки p.s об атрибуте я не знал)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, спасибо за ваш комментарий и поддержку. Да, для правильного подключения, используется обработчик события, который сработает, когда вся страница будет загружена. DOMContentLoaded. Так же в подключении есть атрибут defer, который делает тоже самое :)
@calikatana
@calikatana Жыл бұрын
Да наконец-то кто-то нормально объяснил, как это делается!
@vyacheslavmir967
@vyacheslavmir967 8 ай бұрын
Отличное видео!все чётко,по полочкам и без воды.Так держать!👍🏻
@alex_dudukalo
@alex_dudukalo 8 ай бұрын
Спасибо за ваш комментарий🤗 надеюсь и другие видео канала будут вам полезны))
@MisKaktus
@MisKaktus Жыл бұрын
Все было доступно и понятно! Смогла внедрить в свой проект, большое спасибо за такой замечательный урок ❤
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Очень рад, что все получилось :) Спасибо за ваш приятный комментарий )
@user-cn5tk4tg1n
@user-cn5tk4tg1n Жыл бұрын
Спасибо огромное!замечательное видео.перелопатила просто кучу материала-Ваше просто лучшее!)да.снимите пожалуйста видео где меню справа.подписалась на Ваш канал.буду с удовольствием смотреть Ваши видео и учиться))
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо) Полезнейший комментарий от вас. Да, есть запрос на такой ролик. В течении недели обязательно запишу такое видео :)
@user-hq4nk5mz6p
@user-hq4nk5mz6p Жыл бұрын
Все очень доступно и понятно! Порадовали попутно дополнительные "фишечки" работы с VSCode
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за Ваш отзыв))Да, хочется конечно записать отдельный ролик по инструментам VSCode и рассказать больше про настройку редактора кода))
@sergeyusovich17
@sergeyusovich17 Жыл бұрын
Много смотрел видео, это единственное по которому получилось сделать, поэтому лайк сразу
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за просмотр, лайк и конечно за крутой комментарий. Наверное я делаю что то правильно)
@alekseykovalev6210
@alekseykovalev6210 Жыл бұрын
Огромная благодарность Александру за самое понятное объяснение! Однозначно подписка и лайк!
@sergius_yo
@sergius_yo Жыл бұрын
Очень полезное видео, как и всегда!!! Спасибо, Александр 😉
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш отклик :) И за поддержку
@DiliaraDi
@DiliaraDi Жыл бұрын
Александр, пожалуйста видео в студию *бургер с правой части сайта*. Спасибочки🤗 Это видео Огонь!🤩
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за отклик в видео комментария :) Да, пожалуй я соберу все такие моменты и запишу по ним ролик, Бургер справа туда тоже обязательно войдет :)
@yulichka9478
@yulichka9478 Жыл бұрын
Александр, спасибо огромное за ваши видео. Вы очень просто и понятно объясняете. Если есть возможность снять видео про табы, свайпер и аккордеон. Удачи вам и процветания🙌
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, Юлия. Спасибо вам за вашу поддержку. Я очень рад, что ролики вам нравятся и, что они помогают задачу. По табам планирую, а по Свайперу как раз сегодня опубликовал: kzbin.info/www/bejne/fnzHd5ijor2nprc Надеюсь понравится :)
@vitaliysnezhkin3661
@vitaliysnezhkin3661 Жыл бұрын
Спасибо большое, круто получилось)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам :)
@kostukov75
@kostukov75 Жыл бұрын
Отличный контент, удачи тебе в Новом Году!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Большое спасибо. Буду работать. Удачи нам всем :)
@Marina-bh8iw
@Marina-bh8iw 10 ай бұрын
Отличный урок, спасибо большое. Вы так понятно обьясняете. Рада, что нашла ваш канал!)
@alex_dudukalo
@alex_dudukalo 10 ай бұрын
Ваша поддержка очень мотивирует🤗 спасибо!) оставайтесь на канале 😊
@user-jw5pz9fu7p
@user-jw5pz9fu7p Жыл бұрын
Спасибо за подробный и понятный ролик. Запишите, пожалуйста, ролик, как делать бургер справа. Понятно, что базово отличий будет не много, но интересно тоже!!! Спасибо!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш отклик и предложение. Да, уже поставил в план. Получил несколько комментариев с этим предложением. Буду записывать про меню справа )
@skytype2077
@skytype2077 11 ай бұрын
Спасибо за урок, подписка однозначно. Хороший урок, но хорошо было бы продолжить урок, так как нужно доработать код JS для самого мобильного меню, к примеру добавить скрытия меню при переходе по ссылке, добавить выпадающий список в двухуровневом меню. К стати хорошо бы еще добавить функцию определения с какого устройства зашел пользователь, чтобы определить как будет работать выпадающий список подменю по наведению мышки или нажатию на экран.
@alex_dudukalo
@alex_dudukalo 11 ай бұрын
Спасибо за ваш комментарий. Да, я думаю сделать такой ролик. Получится длиннее, но зато разберу все детали такого меню. Ведь, показать меню одно. Что дальше, при клике, при прокрутке. Думаю, получится интеренсо :)
@Alim0408
@Alim0408 Жыл бұрын
Просто, эффективно, понятно. Спасибо большое!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий ) Именно так хотелось показать такое меню :)
@andreyfedyukin8360
@andreyfedyukin8360 Жыл бұрын
Александр, спасибо за видео. По методологии БЭМ очень нужно видео и как можно подробнее. Буду очень ждать. Заранее спасибо Вам!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за комментарий. Да да, я готовлю материал. Тема не простая. Надо подготовить много графики, что бы показать все наглядно :) Видео в плане )
@user-wq4mh7li2t
@user-wq4mh7li2t 6 ай бұрын
на счёт меню справа 11:00 , было бы здорово т.к. слева часто есть текст, и это меню закрывает текст. С этим конечно жить можно но не очень практично и удобно если смотреть с точки зрения пользователя... А на счёт самого объяснения, очень доходчиво и просто, спасибо)
@TarasAndriutsa
@TarasAndriutsa Жыл бұрын
Благодарю , круто прокачался в приятной атмосфере
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам :) Да, мне кажется видео получилось хорошим. Но буду стараться лучше ):
@user-fh7dx7tz4p
@user-fh7dx7tz4p Жыл бұрын
Спасибо за видео, но мы всё ещё очень ждём курс по JS))
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за каш комментарий. Не всегда успевается быстро отвечать(( Работаю над материалом. Скоро будет что то)
@kalanAn
@kalanAn 10 ай бұрын
Как всегда КЛАСС!!!👏👏👏 Спасибо за Вашу работу!!! Жду нового контента!!!!👍
@alex_dudukalo
@alex_dudukalo 10 ай бұрын
Спасибо за обратную связь 🤗 ваша поддержка вдохновляет но новые видео))
@user-mv1dg9fg5m
@user-mv1dg9fg5m Жыл бұрын
Если цель есть, значит будет у тебя 2к подписоты)) А вот про бургер, я бы уменьшил время транзишена на непрозрачность что бы центральная линия быстрее скрывалась. И еще момент, ты прозрачный цвет заливки бургера поставил не по активному классу а по умолчанию)) Ну и спасибо за ролик конечно!))
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да, я буду стараться ) Главное поставил цель ))) Не поверишь, но перед записью видео я готовился и сделал так, как ты сказал с скоростью изменения прозрачности. Но при записи забыл про это)) Про прозрачность кнопки надо посмотреть, как буду за компьютером :) Спасибо тебе. За то, что посмотрел полностью ))
@filsmean
@filsmean Жыл бұрын
Красавчик, именно на твоем видео пришло осознание как работает бургер меню.
@AlgorithmOfAction-coding
@AlgorithmOfAction-coding 3 ай бұрын
Спасибо тебе за видео, очень круто и четко объяснил!
@user-ys2et3kc8c
@user-ys2et3kc8c Жыл бұрын
Супер-круто! отличная музычка
@alex_dudukalo
@alex_dudukalo Жыл бұрын
)) Спасибо :) Надеюсь музыка не сильно отвлекает от основного контента
@user-ys2et3kc8c
@user-ys2et3kc8c Жыл бұрын
@@alex_dudukalo всё отлично
@user-ug6xe8zx6l
@user-ug6xe8zx6l Жыл бұрын
Большое спасибо за понятные разъяснения. Отличный пример как сделать бургер-меню)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Большое спасибо за ваш отзыв :)
@whiteltd5970
@whiteltd5970 10 ай бұрын
Спасибо за видео, ищу альернативы как бургер сделать через SVG, и у меня с правой стороны бургер меню, с левой стороны чуть понятней стало как сделать по вашему примеру. Пойду дальше искать как сделать бургер с правой стороны :)
@alex_dudukalo
@alex_dudukalo 10 ай бұрын
Спасибо вам. Бургер svg у меня еще пока нет. Но ролик с бургер справа есть 😇 Правое бургер меню - подробное объяснение. HTML + CSS + JS kzbin.info/www/bejne/o3Ktgn6nhJ1gqMU
@user-wi9nd5vn5z
@user-wi9nd5vn5z Жыл бұрын
Александр МОГЕТ !!!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за поддержку и что вы со мной :)
@aliexpress2109
@aliexpress2109 Жыл бұрын
спасибо большое! Самое понятное объяснение на просторах ютуба
@user-cf7up4bf4r
@user-cf7up4bf4r 5 ай бұрын
Огонь 🔥, спасибо большое, очень хорошо интересно и понятно всё! Ещё раз спасибо
@relaxdeepsleepmusic3608
@relaxdeepsleepmusic3608 Жыл бұрын
Очень классно объясняете. Спасибо!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий. Мне их приятно читать :)
@user-sy5bm7xh2c
@user-sy5bm7xh2c Жыл бұрын
Приветствую, спасибо за видеою. Хотелось бы увидеть видео про БЭМ
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам за комментарий :) Буду работать над новым роликом по БЭМ
@user-mg3fz3ft8g
@user-mg3fz3ft8g Жыл бұрын
Все очень доходчиво и понятно ВООЩЕ СУПЕРРР
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Большое вам спасибо за такой комментарий :)
@itsMatrik
@itsMatrik 7 ай бұрын
Не знаю что еще тут можно написать, поэтому - спасибо!
@user-dg5dw1jm2c
@user-dg5dw1jm2c 4 ай бұрын
Дякую, було легше ніж я думав
@vladabshev412
@vladabshev412 10 ай бұрын
Видео супер! просто и доходчиво🤜
@alex_dudukalo
@alex_dudukalo 10 ай бұрын
Спасибо 🔥 надеюсь и другие видео на канале будут вам полезны))
@le0messi
@le0messi Жыл бұрын
Суперское видео, четко, понятно и по делу, спасибо большое
@yanasam4077
@yanasam4077 Жыл бұрын
Благодарю! Отличное объяснение!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Здравствуйте, Яна. Спасибо за ваш комментарий :)
@qwi-yu4xf
@qwi-yu4xf 4 ай бұрын
Благодаря этому видео я научился делать бургер меню с помощью js. 🎉🎉🎉🎉🎉
@alex_dudukalo
@alex_dudukalo 4 ай бұрын
Очень рад, что видео вам помогло сделать бургер )) Приятно, быть полезынм
@nemonemo5747
@nemonemo5747 Жыл бұрын
Отличное видео, я по нему почти что смогла сделать бургер справа) От горизонтального скролла избавиться пока не получилось, не понимаю, куда overflow прописывать, так что видео по правому бургеру тоже очень жду)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да да, уже есть много запросов на такое меню :) Обязательно сделаю его :)
@kwintessencia
@kwintessencia Жыл бұрын
@@alex_dudukalo та же история) если указываю мобильное расширение, меню висит справа от верстки( overflow при этом пофиг)
@grrrrrrrrrya
@grrrrrrrrrya Жыл бұрын
Ты великолепен, спасибо большое, очень помог
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Очень приятно читать такой комментарий :) Большое спасибо
@user-ii7uy9ry3l
@user-ii7uy9ry3l Жыл бұрын
Спасибо большое за информацию!😉🤝
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам за комментарий)
@user-db3gp2xe2r
@user-db3gp2xe2r Жыл бұрын
большое спасибо за видео! очень полезно и понятно)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за комментарий ) Я очень рад, что видео вам было интересно
@ruslanlepekhin8777
@ruslanlepekhin8777 Жыл бұрын
Хорошее видео. Спасибо вам.
@seriously7791
@seriously7791 7 ай бұрын
Классное видео, спасибо. Хотелось бы увидеть как сделать закрытие меню при клике на ссылку и при клике за контент за выплывающим меню.
@Snezh88k
@Snezh88k Жыл бұрын
Круто. 5 из 5, ни одного вопроса не осталось, по текущему уроку!
@user-zo6rp1xn8i
@user-zo6rp1xn8i Жыл бұрын
Александр, очень хотелось бы курс по JS!!! Пожалуйста, запишите, будем очень признательны🙏🙏🙏!!!! Вы умничка, продолжайте в том же духе!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо большое за вашу поддержу :) Я уже работаю над этим ) не так быстро, как хотелось бы. Но скоро что то из этого будет
@user-zo6rp1xn8i
@user-zo6rp1xn8i Жыл бұрын
@@alex_dudukalo спасибо спасибо!!!
@user-iq3sw4jr5i
@user-iq3sw4jr5i Жыл бұрын
Спасибо за видео! Очень круто, интересно и самое главное понятно 😊
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за Ваш отзыв)) надеюсь и другие видео курса будут вам полезны)))
@AlenaPavlovaa
@AlenaPavlovaa Жыл бұрын
Спасибо вам большое за это видео!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за вашу поддержку :)
@javas206
@javas206 Жыл бұрын
Мегахорош! Продолжай снимать и начни уже наконец с этого зарабатывать!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам :))) И спасибо за коммент )) Как монетизировать - это уже хороший вопрос)) Думаю, что скоро в планах. Но хочется как то интересно это делать )
@WebASMR001
@WebASMR001 7 ай бұрын
Боже, спасибо, что ты есть Санечек...
@VIKTOR.MARKOV
@VIKTOR.MARKOV Жыл бұрын
спасибо! круто получилось
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за вашу поддержку :)
@korneff
@korneff Жыл бұрын
Большое спасибо за видео
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Шлю взаимное спасибо :)
@user-rr9qf8qe7v
@user-rr9qf8qe7v Жыл бұрын
Как всегда все понятно, единственное конечно с js бы поподробнее, все останольное понятно, а вот с js пока не очень
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий. Да, js это отдельная больше тема) Стараюсь разбирать его в отдельном плейлисте))
@SnezanaG
@SnezanaG Жыл бұрын
Спасибо. Очень доходчиво и понятно объяснили .
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам за комментарий ): Не всегда получается быстро ответить (
@v-logvinov
@v-logvinov Жыл бұрын
Видео, как всегда, на высшем уровне. Сделайте пожалуйста видео по БЭМ
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Валерий, спасибо за ваш отзыв. Да, готовлю БЭМ. Давно хочу сделать ) Тема не простая )
@sidoorenko
@sidoorenko Жыл бұрын
Спасибо большое !
@alex_dudukalo
@alex_dudukalo Жыл бұрын
И вам :)
@sergius_yo
@sergius_yo Жыл бұрын
Александр, сделайте пожалуйста видео, как объединить сразу два меню в бургере:)) то есть где верхнее и нижнее хэдер меню
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да, я понимаю о чем вы говорите. Интересный пример. Тут просто нужно решить, что будет контейнером меню. В блок menu должно входить верхнее и нижнее меню. Я подумаю, как это видео оформить. Пример интересный :)
@primo7series
@primo7series 10 ай бұрын
Огромное спасибо!:)
@alex_dudukalo
@alex_dudukalo 9 ай бұрын
Спасибо за ваш комментарий 🤗🔥 оставайтесь на канале))
@user-ii7uy9ry3l
@user-ii7uy9ry3l Жыл бұрын
Автор, спасибо тебе огромное и успехов в развитии канала. Можете пожалуйста подсказать, сделал бургер по Вашему видео, но мне нужно теперь сделать так, чтоб при нажатии на любую ссылку в меню, а также в любую другую область экрана - меню также плавно скрывалась.
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам за ваш комментарий. Ваш вопрос - это тема для отдельного ролика. Думаю я скоро запишу такой
@user-ii7uy9ry3l
@user-ii7uy9ry3l Жыл бұрын
@@alex_dudukalo Обязательно сделайте, буду рад)
@user-bs4dk3oe9l
@user-bs4dk3oe9l Жыл бұрын
лучший
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вас за ваш комментарий :)
@user-dy5qv2yd9t
@user-dy5qv2yd9t Жыл бұрын
привет. крутой видос. покажи еще как реализовать меню с выездом справа, а бургер кнопка была разных размеров спан и как эти спаны потом превращаются в крестик
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам :) Да, много запросов по этому видео. Думаю в течении 5 дней сделаю такой ролик :)
@xasanmirobidov814
@xasanmirobidov814 Жыл бұрын
Всё прекрасна Всё ясно ❤❤❤
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Большое спасибо вам :)
@grigoriyfomenko4927
@grigoriyfomenko4927 Жыл бұрын
Доходчиво и просто
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Большое спасибо за ваш комментарий)
@user-ei8ib3mq2q
@user-ei8ib3mq2q Жыл бұрын
Спасибо с 1го раза всё получилось!очень доходчиво!буду рад если ответите на вопрос?можно же меню прятать вместо отрицательного left просто задать display none,а при клике display block??????так ведь проще и всё равно с какой стороны бургер делать??или не сработает??
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо. Я рад, что ролик помог вам )) да, конечно можно сделать так. Но только не получится сделать анимацию ( блок будет просто появляться и исчезать )
@user-ei8ib3mq2q
@user-ei8ib3mq2q Жыл бұрын
@@alex_dudukalo да понял!!спасибо!
@Fish_ok
@Fish_ok Жыл бұрын
А что дописать в js, что бы при клике на меню в бургер - бургер закрывался? А также при клике на любое поле (body) также закрывался бургер.
@SwaNaQ
@SwaNaQ Жыл бұрын
Отличное обучающее видео, доступно и понятно, спасибо! Подскажите, пожалуйста, вы подключили скрипт в хэд, но многие подключают его в конец боди. Какой вариант и в каких условиях лучше использовать?
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Прошу прощения за долгий ответ. Я бы подключал внизу для безопасности и что бы в старых браузерах все работает хорошо. Но в целом сейчас это особого значения не имеет :)
@SunkeySunrise
@SunkeySunrise Жыл бұрын
Спасибо за урок🔥
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо вам за комментарий)
@user-mq2st5qp9h
@user-mq2st5qp9h 10 ай бұрын
Большое спасибо за видео! Подскажите пожалуйста, как вставить хоть какой-нибудь логотип? Видимо из-за различных свойств, которые я пока не до конца понял, не могу вставить логотип на то место где у вас стоит " верстка". Возможно ли не ломая данной конфигурации меню, вставить туда логотип?
@alex_dudukalo
@alex_dudukalo 10 ай бұрын
Здравствуйте, спасибо за ваш отзыв. Да, изменить логотип можно, изменив путь к изображению в атрибуте src у тега img. Все должно пройти гладко. Возможно где-то придется немного поправить размеры и отступы в CSS
@sokolovoleh
@sokolovoleh Жыл бұрын
Спасибо за крутейщее объяснение!! Можете ли бы вы обьяснить как можно сделать, что бы меню выезжало только при нажатии на него ? Буду вам очень благодарен
@user-gx4ni8ku1c
@user-gx4ni8ku1c Жыл бұрын
Спасибо за видео!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш комментарий )
@asdasd-hg3uz
@asdasd-hg3uz 2 ай бұрын
Скажите а position:absolute менюшке ставить относительно странице всей(окна) или например можно поставить relative хедеру и спозиционировать menu? в данном контексте ето играет роль?
@alex_dudukalo
@alex_dudukalo 2 ай бұрын
Бывают случаи, когда нужно позиционировать относительно header :) все зависит от задачи и дизайна.
@AntonioBenderas
@AntonioBenderas Жыл бұрын
Можно ещё убирать меню при нажатии на ссылку или за пределами меню, затемнить бэкграунд, залочить скрол)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да конечно, так будет идеально. Это меню рассчитанного на ссылки, ведущие на другие страницы. При клике на них срабатывает переход и меню исчезает, так как загружается новая страница. В случае якорных ссылок, действительно меню Нужно скрывать :) думаю запишу более развернутое видео с вашими предложениями :)
@alizhilov1391
@alizhilov1391 11 ай бұрын
красава все четко объяснил!!!
@alex_dudukalo
@alex_dudukalo 11 ай бұрын
Спасибо 🔥 надеюсь и другие видео канала будут вам полезны 😊
@user-rs9jn9oy5g
@user-rs9jn9oy5g Жыл бұрын
урааа спасибо!!!!
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Спасибо за ваш отклик :)
@eugenebalts
@eugenebalts Жыл бұрын
Привет. Спасибо большое, очень помогли!) Я был бы очень благодарен, если бы вы подсказали как по умолчанию класс open был закрыт. Чтобы, когда открываешь документ, он открывался в обычном виде, а не с открытым меню, заранее спасибо!)
@eugenebalts
@eugenebalts Жыл бұрын
уже разобрался, спасибо:)
@alex_dudukalo
@alex_dudukalo Жыл бұрын
Да, просто убираем класс open )
@alex_dudukalo
@alex_dudukalo Жыл бұрын
спасибо вам :)
@eugenebalts
@eugenebalts Жыл бұрын
@@alex_dudukalo на самом деле, когда на этапе обучения руки стремятся вниз, натыкаясь на такие видео, они будто привязывают их в верхней точке, ну и руки вроде уже не опускаются!) Так что спасибо за ваши старания и удачи вам!!:)
CSS Anchor Is The Best New CSS Feature Since Flexbox
15:39
Web Dev Simplified
Рет қаралды 367 М.
Пройди игру и получи 5 чупа-чупсов (2024)
00:49
Екатерина Ковалева
Рет қаралды 4,4 МЛН
А ВЫ УМЕЕТЕ ПЛАВАТЬ?? #shorts
00:21
Паша Осадчий
Рет қаралды 2,2 МЛН
Ik Heb Aardbeien Gemaakt Van Kip🍓🐔😋
00:41
Cool Tool SHORTS Netherlands
Рет қаралды 9 МЛН
Валидация формы на чистом Javascript
34:01
Александр Дудукало
Рет қаралды 29 М.
Анимированное меню на CSS и JS
25:06
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 47 М.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 260 М.
Правое бургер меню - подробное объяснение. HTML + CSS + JS
43:19
Александр Дудукало
Рет қаралды 13 М.
Frontend Собеседование с разбором. Путь к трудоустройству 2024
41:18