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

[@ЕленаБывалая]

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

[@javas206]

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

[@alex_dudukalo]

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

[@alex_dudukalo]

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

[@risenshine1349]

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

[@alex_dudukalo]

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

[@Karrit94]

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

[@alex_dudukalo]

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

[@ВечноХолодно]

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

[@dmitrysalahub7716]

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

[@alex_dudukalo]

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

[@ХасанАхмадов-р8л]

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

[@alex_dudukalo]

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

[@ruchnaya_klad_konst]

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

[@alex_dudukalo]

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

[@pacif1st484]

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

[@alex_dudukalo]

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

[@YIIPABDOM]

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

[@yasaki_bek]

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

[@bbehindblueeyess]

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

[@gusevanadin87]

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

[@alex_dudukalo]

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

[@ЮляСолнце-ь2у]

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

[@kurtwurth4263]

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

[@alex_dudukalo]

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

[@ЮлианнаАхметшина-д5н]

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

[@alex_dudukalo]

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

[@ДианаКовалева-ж8я]

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

[@alex_dudukalo]

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

[@RuslanaRovdo]

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

[@alex_dudukalo]

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

[@Marina-bh8iw]

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

[@alex_dudukalo]

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

[@yulichka9478]

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

[@alex_dudukalo]

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

[@julianovoselova2883]

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

[@alex_dudukalo]

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

[@АрсенийСтоляров-м9п]

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

[@alex_dudukalo]

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

[@АлекандраБеломаз]

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

[@MisKaktus]

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

[@alex_dudukalo]

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

[@DINARAALM]

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

[@alex_dudukalo]

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

[@vyacheslavmir967]

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

[@alex_dudukalo]

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

[@romanpoimtsev9717]

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

[@alex_dudukalo]

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

[@alekseykovalev6210]

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

[@sergeyusovich17]

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

[@alex_dudukalo]

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

[@max3lord911]

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

[@alex_dudukalo]

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

[@argument6492]

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

[@alex_dudukalo]

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

[@МарияБаранова-х9с]

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

[@alex_dudukalo]

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

[@ИришкаВеселова-ъ1щ]

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

[@alex_dudukalo]

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

[@calikatana]

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

[@ВиталийСавенков-г3ч]

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

[@alex_dudukalo]

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

[@alexeismoliuc2998]

Дай Бог тебе здоровья!!!!! огромное спасибо, всё работает!!!

[@alex_dudukalo]

Спасибо ❤️ Я рад, что видео было полезным 😇

[@kalanAn]

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

[@alex_dudukalo]

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

[@filsmean]

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

[@Alim0408]

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

[@alex_dudukalo]

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

[@skytype2077]

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

[@alex_dudukalo]

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

[@sergius_yo]

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

[@alex_dudukalo]

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

[@СергейОсадчий-и5е]

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

[@alex_dudukalo]

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

[@СергейОсадчий-и5е]

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

[@kostukov75]

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

[@alex_dudukalo]

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

[@РоманДоброквашин-т6ъ]

Очень классно сделан урок. Обязательно посмотрю и остальные!

[@alex_dudukalo]

Спасибо вам :) Очень рад, что видео вам понравилось ) Надеюсь, остальные так же будут интересными )

[@РоманДоброквашин-т6ъ]

@@alex_dudukalo Скорее всего, изучу все. Сокровищницу нашел:)

[@ИгорьСизов-п3о]

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

[@DiliaraDi]

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

[@alex_dudukalo]

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

[@TarasAndriutsa]

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

[@alex_dudukalo]

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

[@astahov_official]

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

[@alex_dudukalo]

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

[@СергейГадаев-у5н]

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

[@alex_dudukalo]

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

[@БорисМедведев-ф4р]

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

[@alex_dudukalo]

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

[@Snezh88k]

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

[@Александр-т5й7к]

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

[@alex_dudukalo]

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

[@Александр-т5й7к]

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

[@NuriddinChoriev-i2u]

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

[@alex_dudukalo]

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

[@НиколайГроза-е9н]

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

[@aliexpress2109]

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

[@andreyfedyukin8360]

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

[@alex_dudukalo]

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

[@whiteltd5970]

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

[@alex_dudukalo]

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

[@АндрейКуприянов-н8в]

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

[@alex_dudukalo]

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

[@relaxdeepsleepmusic3608]

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

[@alex_dudukalo]

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

[@nemonemo5747]

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

[@alex_dudukalo]

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

[@kwintessencia]

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

[@ЦАРь-д9р]

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

[@alex_dudukalo]

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

[@ВиталийЛысенко-э6с]

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

[@alex_dudukalo]

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

[@yanasam4077]

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

[@alex_dudukalo]

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

[@AlgorithmOfAction-coding]

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

[@le0messi]

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

[@itsMatrik]

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

[@qwi-yu4xf]

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

[@alex_dudukalo]

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

[@ViktorZagrai]

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

[@seriously7791]

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

[@WebASMR001]

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

[@Fish_ok]

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

[@vitaliysnezhkin3661]

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

[@alex_dudukalo]

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

[@АртёмРуа]

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

[@alex_dudukalo]

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

[@АртёмРуа]

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

[@ДианаСоловьева-й6е]

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

[@alex_dudukalo]

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

[@ХасанАхмадов-р8л]

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

[@alex_dudukalo]

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

[@v-logvinov]

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

[@alex_dudukalo]

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

[@javas206]

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

[@alex_dudukalo]

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

[@grrrrrrrrrya]

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

[@alex_dudukalo]

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

[@SnezanaG]

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

[@alex_dudukalo]

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

[@ЮляСолнце-ь2у]

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

[@alex_dudukalo]

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

[@ЮляСолнце-ь2у]

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

[@НиколайКач-ы9й]

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

[@alex_dudukalo]

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

[@Martin-n7m]

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

[@alex_dudukalo]

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

[@СофьяБеккер-г1р]

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

[@alex_dudukalo]

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

[@AlyaPankova]

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

[@alex_dudukalo]

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

[@nargizagayfullina4062]

Здравствуйте. Подскажите пожалуйста, для чего вы применяете событие «DOMContentLoaded», нельзя ли сразу функцию применить к событию «click»?

[@alex_dudukalo]

Здравствуйте, это подстраховка на случае, если HTML-страница еще не загрузилась. Это помогает запустить скрипт только тогда, когда страница готова :)

[@nargizagayfullina4062]

@@alex_dudukalo Ого классно, спасибо за такие информативные видео.

[@alex_dudukalo]

@@nargizagayfullina4062 Спасибо вам за комментарий :) И за то, что смотрите ))

[@sokolovoleh]

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

[@AntonioBenderas]

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

[@alex_dudukalo]

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

[@asdasd-hg3uz]

Скажите а position:absolute менюшке ставить относительно странице всей(окна) или например можно поставить relative хедеру и спозиционировать menu? в данном контексте ето играет роль?

[@alex_dudukalo]

Бывают случаи, когда нужно позиционировать относительно header :) все зависит от задачи и дизайна.

[@sergius_yo]

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

[@alex_dudukalo]

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

[@vladabshev412]

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

[@alex_dudukalo]

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

[@ЦАРь-д9р]

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

[@alex_dudukalo]

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

[@ЦАРь-д9р]

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

[@d.n.2143]

Спасибо! Сделал, но скажите при адаптации он автоматом открытый появляется (с крестиком), как быть?

[@alex_dudukalo]

Здравствуйте :) вы можете убрать класс open в html коже у тега меню ) и все будет в порядке :)

[@d.n.2143]

@@alex_dudukalo Спасибо) я думал вы в видео в html тоже поставили) оказывается нет)

[@alex_dudukalo]

@@d.n.2143 кажется я в видео забыл в итоге убрать этот класс из html. Добавлял его для примера работы и забыл убрать ) надеюсь у вас получилось решить проблему :)

[@d.n.2143]

@@alex_dudukalo да, все вышло) а есть ли у вас видео по поводу popup окон?

[@alex_dudukalo]

@@d.n.2143 Рад, что у вас получилось. Прикрепляю видео по попапа конам: kzbin.info/www/bejne/nJCXnH2Vi9pqnNE

[@Pm_Derish]

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

[@alex_dudukalo]

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

[@SwaNaQ]

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

[@alex_dudukalo]

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

[@eugenebalts]

Привет. Спасибо большое, очень помогли!) Я был бы очень благодарен, если бы вы подсказали как по умолчанию класс open был закрыт. Чтобы, когда открываешь документ, он открывался в обычном виде, а не с открытым меню, заранее спасибо!)

[@eugenebalts]

уже разобрался, спасибо:)

[@alex_dudukalo]

Да, просто убираем класс open )

[@alex_dudukalo]

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

[@eugenebalts]

@@alex_dudukalo на самом деле, когда на этапе обучения руки стремятся вниз, натыкаясь на такие видео, они будто привязывают их в верхней точке, ну и руки вроде уже не опускаются!) Так что спасибо за ваши старания и удачи вам!!:)

[@sidoorenko]

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

[@alex_dudukalo]

И вам :)

[@vladsoldatov4227]

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

[@alex_dudukalo]

Спасибо за комментарий. Справа чуть сложнее. Я обычно оборачиваю весь контент сайта в блок и делать ему overflow: hidden; Пожалуй запишу по этой теме видео позже )

[@peterpan9798]

А как сделать чтобы верхний и нижний spanЫ сначала сдвигались в translate 0 а только потом делали rotate?

[@alex_dudukalo]

Могу предложить такую ссылку. Там показаны различные способы анимации бургера, думаю будет полезно. Обязательно сохраните ее, как шпаргалку :) codepen.io/designcouch/pen/ExvwPY

[@spartacusaw9478]

Интересный подход со спанами внутри кнопки, для создания бургера. Я обычно делаю псевдоэлементом и к нему два box-shadow. А недавно делал тестовое и там все линии бургера были разной длины и я, чтобы не заморачиваться сделал svg-картинкой в html. Интересно насколько это правильно использовать svg для бургера?

[@alex_dudukalo]

Спасибо за ваш комментарий. В этом видео я хотел показать простой способ реализации кнопки бургера, что бы не запутать зрителя. Да, конечно псевдоэлементами тоже можно, но а таком случае уже css будет выглядеть чуть сложнее, чем html :) svg по мне не очень удобно использовать для таких простых элементов, как бургер :) Хотя допустимо

[@spartacusaw9478]

@@alex_dudukalo Понял Саш, спасибо за ответ. Отличный канал, продолжай в том же духе.😃

[@ruslanlepekhin8777]

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

[@SunkeySunrise]

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

[@alex_dudukalo]

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

[@КамиллаСахипова]

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

[@alex_dudukalo]

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