Меню бургер на чистом JavaScript. Многоуровневое меню и плавная прокрутка к разделу на HTML CSS JS

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 พ.ย. 2024

ความคิดเห็น • 562

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  3 ปีที่แล้ว +23

    Что еще снять?
    🔴 Карта канала: miro.com/app/board/o9J_lZB3YKI=/
    🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
    🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
    🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
    🔴 Facebook: facebook.com/freelancerlifestyle
    🔴 Instagram: instagram.com/freelancer.lifestyle

    • @commentator7826
      @commentator7826 3 ปีที่แล้ว +4

      Уроки по javascript). А точнее DOM, события и т.д, а потом хотелось бы практики, например, сделать табы или аккордеон

    • @ИгорьТулянкин-ш6в
      @ИгорьТулянкин-ш6в 3 ปีที่แล้ว +1

      Добрый день! Интересно увидеть как делается пагинация, как показывать контент частями при клике

    • @zmeygorynych5684
      @zmeygorynych5684 3 ปีที่แล้ว +2

      Было бы интересно посмотреть как правильно вставлять видео в верстку.

    • @dennisfisher2684
      @dennisfisher2684 3 ปีที่แล้ว

      Слайдер )

    • @MegaTesei
      @MegaTesei 3 ปีที่แล้ว

      @@dennisfisher2684 Есть же видео такое

  • @pivnoepuzo3898
    @pivnoepuzo3898 3 ปีที่แล้ว +177

    А представьте не было бы таких людей, сколько десятков часов мы бы убивали на банальные вещи. Спасибо.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +14

      Пожалуйста! Рад что полезно!

    • @justinnl4332
      @justinnl4332 3 ปีที่แล้ว +1

      Делаю сейчас закрытие меню-бургер по щелчку на ссылку в меню. Никак не работает. За примером далеко ходить не надо.

    • @fffffristaylo
      @fffffristaylo 3 ปีที่แล้ว +1

      Он был бы немного беднее))

  • @alexeyyevkov155
    @alexeyyevkov155 3 ปีที่แล้ว +53

    Наш сенсей как всегда лучший!!!

  • @IT_psychopath
    @IT_psychopath 3 ปีที่แล้ว +77

    я так уже за год, вырос с твоих уроков, но начинал с них.)) как вырос, смотрю иногда, чтоб что-то вспомнить, ну и лайк поставить за труды. спасибо!
    если позволишь, поделюсь своим не большим опытом.))))
    1) лучше классы добавлять на li а не на ссылку! это важно, ибо в большинстве CMS, при натяжке такой верстке, проклянут, просто там на li класс можно прописать при инициализации меню к примеру в вордпресс, это гипер важно и будет попа боль... может кому пригодиться во классы вордпресса по умолчанию: nav-menu - этот класс ставиться на ul , menu-item - это класс пункта меню (li), 2) я бы вместо span сделал button причем с текстом внутри, только тексту задал бы нулевой размер, это поможет людям с инвалидностью, да и так верно по семантике, у нас там не декоративная стрелочка, а все-же это позиционируется как кнопка. но это не обязательно, можно так и не делать.))
    3) кнопка бургера, это тоже кнопка а не блок! да, это не критично и плевать как делать, но корректно, когда кнопка, это все-же кнопка а не что-то другое. опять же, проблема будет у людей с инвалидностью.
    4) не помешало бы честь тот факт, что клиент в будущем может добавить новый пункт меню, и наша верстка полетит в тар тарары.... я тоже сейчас сел себе писать подобное, для проектов, и вот как раз это одна из причин, по которой решил написать адаптивное меню.)))
    5) я бы шапку не делал фиксированной с самого начала, не всегда оно уместно. как по мне, лучше сделать ее фиксированной после прокрутки к примеру 200-300px. это добавит адаптивности.
    6) это уже мелочи, но лучше все обернуть сначала в - "window.addEventListener("DOMContentLoaded", () =>{}", как миним поможет людям с инвалидностью. есть еще пара мелких моментов, которые тоже часто могут вызвать боль в очень больших проектах, но не критично.))) к пример, лучше проверить сразу, а создалось ли меню и наши основные классы. потому что не мы будем создавать меню а php к примеру, он баганул и наш js пошел гулять ошибками по консоле.)))

    • @Roderen
      @Roderen 3 ปีที่แล้ว +2

      Я кстати всегда ставлю классы на всё. Будь то p, strong, и на a в li и на li в a

    • @miraigrafit7865
      @miraigrafit7865 3 ปีที่แล้ว +2

      @@Roderen li в а? 🙈

    • @ИльназГарайшин-ч6о
      @ИльназГарайшин-ч6о 3 ปีที่แล้ว

      можешь объяснить, зачем надо код писать в DOMContentLoaded? Интересно

    • @Roderen
      @Roderen 3 ปีที่แล้ว +1

      @@miraigrafit7865 "Заговорился")

    • @dobramorda9818
      @dobramorda9818 3 ปีที่แล้ว +2

      @@ИльназГарайшин-ч6о ну бывает такое, что есть вещи, которые загружаются асинхронно, или строятся js кодом, в таком случает твоя логика поиска элементов через querySelector-ы будет работать неправильно, так как страница загрузиться, начнется работа условно твоего скрипта, он не сможет найти какой нибудь условный селектор типа body.main, потому что класс main навешивается скриптом другого js, который отрабатывает после твоего, и следовательно document.querySelector('body.main') будет null, ну а ты же для чего то делал этот поиск, чтобы для чего то использовать, следовательно логика твоей программы будет рушится.

  • @AlexStolbovakariturnel
    @AlexStolbovakariturnel 3 ปีที่แล้ว +25

    Представь - 10 минут назад сел смотреть предыдущий видос про бургер, а сам себе думаю - наверное, посмотрю и сам соображу, как это сделать на чистом JS. И тут открываю почту ииииии..... Женя как всегда - лучший!

  • @pholi8773
    @pholi8773 3 ปีที่แล้ว +17

    У Жени скоро 200 тыс. подписчиков, а я до сих пор читаю поздравления с первой сотней)
    Удачи тебе, Женя, спасибо за твои классные уроки, если чего-то не пойму или не хватит мотивации, стану твоим патроном.
    Для меня ты единственный человек, которому хочется задонатить, тем более это заслуженно.
    К концу года наберешь 500 тыс?))
    Вопрос к тем, кто ставит дизлайки на видео... Ребята, за что? Человек старается, делает всё ради нас, получает с канала копейки (по меркам больших каналов). Он мог бы и кривлять рожи на видео и грести бабло, но он ставит моральные ценности выше денег. Он делится бесценным опытом, который вы не купите даже в Скиллбоксах и тому подобных.

  • @РусланРусалкин-х7ш
    @РусланРусалкин-х7ш 3 ปีที่แล้ว +64

    Один из не многих обучающих блогеров которому лайк можно ставить не глядя. Спасибо Джексон!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +4

      Я рад!

    • @rizaetdinkuchukbay4601
      @rizaetdinkuchukbay4601 3 ปีที่แล้ว +1

      @@FreelancerLifeStyle видео по jQuery есть на канале ? Вроде пролистал не нашёл. Если нет, то будет ли? Заранее благодарен!

  • @qwe-rty-
    @qwe-rty- 3 ปีที่แล้ว +24

    Хах, а вот тут я тебя уже опередил, насмотревшись твоих видео, я начал верстать макеты и в процессе верстки вывел похожий способ делать меню-бургер)) Твои труды не прошли напрасно, спасибо тебе огромное

  • @AndriiNakonechnyi-f3y
    @AndriiNakonechnyi-f3y 3 ปีที่แล้ว +9

    Росту на твоих роликах, просто лучший!
    Иногда не верится, что такой контент с крутой подачей дают бесплатно)

  • @АлександрКосматов-т2х
    @АлександрКосматов-т2х ปีที่แล้ว +3

    Очень редко ставлю лайки и пишу комментарии, но большое, просто огромное вам спасибо. Благодаря вашим подобным видео я начинаю понимать всю взаимосвязь html/css/JS и видеть использование всего этого на реальном проекте. Спасибо, ваши видео очень мотивируют продолжать заниматься этим.

  • @ТёмаРассадин-н9щ
    @ТёмаРассадин-н9щ 3 ปีที่แล้ว +8

    Всё легко когда ты знаешь, что делаешь. Поистине полезный урок. Спасибо!

  • @yomo1abh586
    @yomo1abh586 3 ปีที่แล้ว +1

    Решил разобрать всю инфу в ролике детально и писать следом за тобой, Жека, но прочность осмысленно.
    Итог: в период с 00:00 по 1:38 я просмотрел и полностью "впитал" первые 23 минуты ролика.
    Большое спасибо за сей труд. Каждый твой ролик наполнен тонной нужной, полезной, а главное актуальной информацией, так же присутвует большое колличество советов, фич, которые нельзя прочесть в документации, ибо они нарабатываются лишь на практике при работе с проектом.
    Еще раз большое спасибо!! Вы помогаете людям становиться лучше и речь не только об навыках в Frontend'e. ))

  • @Maksim_Ivaschenko
    @Maksim_Ivaschenko 3 ปีที่แล้ว +19

    Позитив и настроение Евгения. Блеск в глазах. Как это заряжает и заражает позитивом и желанием учиться. Прямо какая то Вёрсточная лихорадка начинается. Однозначно Гранд Мерси. Респект и Уважуха.

  • @nazarlevchuk7773
    @nazarlevchuk7773 3 ปีที่แล้ว +5

    Словами не передать насколько полезное и нужное видео, тяжело как новичку понять Java запросы но думаю со временем и этот язык подтяну, спасибо тебе большое!

  • @НаталияНовицкая-ц5з
    @НаталияНовицкая-ц5з 2 ปีที่แล้ว +3

    делаю сайт для портфолио, по твоему видосу сделала меню-бургер, все получилось, ураааа! огромная благодарность за твой труд!

  • @maksum4062
    @maksum4062 3 ปีที่แล้ว +12

    Ты реально круто подходишь к своему материалу

  • @aquilon1790
    @aquilon1790 3 ปีที่แล้ว +4

    Интересно было посмотреть, спасибо! Добавил бы, что при использовании опции behavior со значением "smooth" в js нужно использовать полифил или бейбел. Ведь если я не ошибаюсь, то отвалится львиная доля safari браузеров и ie11(если его еще кто-то поддерживает).
    И отдельно хочу поблагодарить за твой труд! Получив базовые знания html css js было много нюансов с которыми было тяжело и долго реализовывать реальные проекты. Я хотел максимально быстро выйти на фриланс и уже в процессе разбираться с тонкостями разработки. И в этом мне нереально помог твой стартовый шаблон! Он закрывал большую часть проблем и нюансов возникающих в разработке. И даже когда я сталкивался с трудностями, о решении которых не говорилось в видосе по стартовому шаблону, я не бежал сразу в гугл за решением, а начинал копаться в сборке и в большинстве случаев находил там решение! Огромное спасибо!

  • @maksym_iv
    @maksym_iv 3 ปีที่แล้ว +13

    Это один из тех уроков, после которого смотришь на результат работы и не можешь перестать радоваться, спасибо большое за знания и хорошее настроение!

  • @ДмитрийКузьмин-ш2с
    @ДмитрийКузьмин-ш2с 3 ปีที่แล้ว +3

    Отличное начало дня!
    Женя, благодарочка!!!😎

  • @shps.online9830
    @shps.online9830 3 ปีที่แล้ว

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

  • @ЛетерКолл
    @ЛетерКолл 3 ปีที่แล้ว +4

    Респект вам, Евгений!Теперь всем знакомым,желающим научиться делать классные сайты, после прохождения простейших курсов html/css/js рекомендую смотреть вас, идеальный следующий уровень.Спасибо!

  • @AnnaOhrimenko
    @AnnaOhrimenko ปีที่แล้ว

    Я в повному захваті від відео, якісно, доступно ще й цікаво! Година перегляду на одному диханні! Ви крутий!

  • @norby1117
    @norby1117 ปีที่แล้ว +1

    вряд ли кто-нибудь еще сможет так хорошо объяснить, Спасибо, Жека

  • @РусланКоташов
    @РусланКоташов 3 ปีที่แล้ว +3

    Не так давно я поставил себе задачу, что хочу работать фрилансером, да и вообще освоить что-то новое и благодаря различным бесплатным сервисам и вашим видео, я смог получить свой первый заказ и успешно его выполнить :) Спасибо за канал!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +1

      Супер, я рад!

    • @Motivation_landi
      @Motivation_landi 2 ปีที่แล้ว +1

      Как с тобой связаться? Интересно как ты начинал)

  • @superdexter1932
    @superdexter1932 3 ปีที่แล้ว +25

    коментарий для продвижения ролика в тренды.

  • @MaximVernigorov
    @MaximVernigorov 3 ปีที่แล้ว +1

    Волнительно, ну что ж погнали):))) ЖЕКА ЛУЧШИЙ!

    • @MaximVernigorov
      @MaximVernigorov 3 ปีที่แล้ว

      Фуууух чётко!
      Всё сработало спасибо! Патрон в теме:)

  • @hmutyikoot4454
    @hmutyikoot4454 3 ปีที่แล้ว +6

    Классный видос)
    Плажка скролится потому что она позиционируется относительно предка. На сайте developer.mozilla написано:
    "Элемент выбивается из обычного потока документа, и для элемента в макете страницы не создается пространство. Он позиционируется относительно исходного содержащего блока, установленного viewport, за исключением случаев, когда один из его предков имеет свойство transform, perspective, или filter, установленное на что-то иное, кроме none, и в этом случае этот предок ведет себя как содержащий блок. (Обратите внимание, что существуют несогласованности браузера с perspective и filter, способствующими содержанию формирования блоков.) Его конечная позиция определяется значениями top, right, bottom и left.
    Это значение всегда создает новый контекст наложения. В печатных документах элемент помещается в одно и то же положение на каждой странице."
    Ваши уроки не проходят даром!)

  • @ye5275
    @ye5275 3 ปีที่แล้ว

    Так грамотно и понятно преподносить информацию это настоящий талант! Спасибо вам!

  • @ТатьянаЛисничук-м2л
    @ТатьянаЛисничук-м2л 3 ปีที่แล้ว +2

    Женя, прям не знаю, какие слова благодарности писать! СПАСИБО за крутой контент! миллион лайков! Было бы здорово еще про WP уроки сделать;)

  • @ЕвгенийВовк-ы7ь
    @ЕвгенийВовк-ы7ь 11 หลายเดือนก่อน

    Женя, спасибо тебе большое!!! Как всегда, твой контент спасает 🤝

  • @tatia216
    @tatia216 2 ปีที่แล้ว

    Евгений, Вы просто супер!!! Я влюбилась в js, когда так четко, последовательно и доступно все излагается. И результат - выше всех похвал))))

  • @feddim9624
    @feddim9624 2 ปีที่แล้ว

    Спасибо! ты один из тех, благодаря кому я получил работу в front end !!!! спасибо огромное!!!!!!!!!!!!!!!!!!! вчера приняли на работу!!!

  • @ilyaprotsenko1023
    @ilyaprotsenko1023 3 ปีที่แล้ว +3

    Спасибо, Жека, просто большое спасибо)
    Многому научился именно от тебя)

  • @j-lewis
    @j-lewis 3 ปีที่แล้ว +1

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

  • @user-siergy
    @user-siergy 3 ปีที่แล้ว

    like нужно ставить еще перед просмотром)))легко, понятно, доступно и очень качественно. нет слов)))))ЛУЧШИЙ КАНАЛ!!!!!!!!!!!!!!!субьективно-обьективное мнение)))Жека - сенсей))))))))нужно прописать snipet "Спасибо". так будет проще)))))))))

  • @iqraedukz
    @iqraedukz 3 ปีที่แล้ว +51

    тебе тоже захотелось бургеров?)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +2

      100%

    • @Motivation_landi
      @Motivation_landi 2 ปีที่แล้ว

      Спасибо, что напомнил. Пойду доем второй бургер

  • @Gerych-x7h
    @Gerych-x7h 3 ปีที่แล้ว

    Круто! Я тоже делал наподобие меню, неокторые моменты также реализовал (некоторые иначе, более сложным способом), но вот плавный скролл сделал с помощью свойства scroll-behavior: smooth; На jquery принципиально не делал, так как не хотелось ради этого тащить целую библиотеку, но вот не знал как сделать это же на чистом js (хотя и догадывался, что надо со смещениями работать и задействовать getBoundingClientRect, в одной статье подсмотрел). Теперь буду знать знать как это реализуется. У вас все это очень понятно выглядит, спасибо! Также было в новинку увидеть определение в js класс устройств (я только начинаю изучать js), надо будет тоже у себя так попробовать. Очень познавательно!!!

  • @ankub7835
    @ankub7835 ปีที่แล้ว +1

    Ох напряжненько, но оч познавательно😮
    Спасибо большое, приблизится бы на процентов 30 % к такому уровню.

  • @ginseng_ua
    @ginseng_ua 3 ปีที่แล้ว

    Супер! Спасибо за видео)! Очень ждал его!

  • @RusIvanDen
    @RusIvanDen 3 ปีที่แล้ว +5

    Ещё один? Интересно!
    Edit: от блин, я только вчера разобрался самостоятельно со всем этим... Но всё равно, спасибо за видео!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +3

      Пожалуйста! Тут больше плюшек

    • @RusIvanDen
      @RusIvanDen 3 ปีที่แล้ว +1

      @@FreelancerLifeStyle понимаю, я как - раз об этих плюшках и говорю. Скачал офигенный шаблон, в нём как - раз были эти плюшки и даже больше. Несколько суток пытался разобраться и только вчера у меня получилось.

  • @googdoit
    @googdoit 3 ปีที่แล้ว

    "То что нужно", как и все остальные ролики. Лайк до прсомотра.

  • @slavaslava-gd8lh
    @slavaslava-gd8lh 3 ปีที่แล้ว +2

    Ты первый человек на которого я подписался. Всё очень круто, понятно и динамично.В 35 не поздно начинать учиться верстке? Дошел до флексов.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว

      Спасибо! Нет, конечно не поздно!

  • @dvsDesing
    @dvsDesing 3 ปีที่แล้ว

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

  • @konstantino7016
    @konstantino7016 3 ปีที่แล้ว

    Канал Евгения настоящая сокровищница 👍👍👍

  • @teymurhuseynli6674
    @teymurhuseynli6674 3 ปีที่แล้ว +1

    Только подумал о бургер меню на чистом js и сразу вышло это видео. Женя ты читаешь мысли ? )). Вообщем я хочу сказать большое спасибо за твои труды 👍

  • @АлексейОлейник-у7в
    @АлексейОлейник-у7в ปีที่แล้ว

    Спасибо за видео, Жень! Посмотрел и все сделал. Все работает как надо!
    Теперь на реальном проекте буду нарабатывать практику)) Будь здоров!

  • @deniskotov
    @deniskotov 3 ปีที่แล้ว

    ДААА!!)) Наконец-то!!!))) Спасибо, Жека!!!))))

  • @АсяХаликова-в7б
    @АсяХаликова-в7б 3 ปีที่แล้ว +1

    Как всегда - высший пилотаж! Спасибо! На вопрос о том, что еще снять - продолжать уроки по js. Без него никуда, я уж по вашим объяснениям начинаю ориентироваться в jquery :-)

  • @Cleventina
    @Cleventina 3 ปีที่แล้ว +1

    Большое спасибо за такой подробный урок! У вас отличная подача и очень понятные объяснения 👍

  • @zaytsevkirill2313
    @zaytsevkirill2313 3 ปีที่แล้ว +2

    Очень полезное видео! С меня лайк =D. Было бы интересно (по крайней мере мне), если бы ты запил ролик, как сделать адаптивный touch слайдер. Когда у меня появилась такая задача, без подключения доп. библиотек, я пошёл шерстить инет. В итоге я решил задачу, однако, как мне кажется тот цыганский фокус на 670 строк, который у меня получился, это не самое правильное решение) Был бы рад увидеть правильное исполнение.

  • @АндрейПотапов-ш9ц
    @АндрейПотапов-ш9ц 3 ปีที่แล้ว

    Супер. Жень спасибо тебе что показываеш и рассказываешь мелкие детали которые очень важны. Жду не дождусь видео по jS.

  • @МарусяКіс
    @МарусяКіс 2 ปีที่แล้ว

    перший раз я не зробила якусь помилку, і не шукала її 2 години😝
    дякую за суперське відео🙏🏼

  • @АлександрСилантьев-ю3б
    @АлександрСилантьев-ю3б 3 ปีที่แล้ว +3

    Спасибо тебе за твои бесценные уроки 🔥🔥🔥

  • @shukonfadah5725
    @shukonfadah5725 2 ปีที่แล้ว

    все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье

  • @h3dee
    @h3dee 3 ปีที่แล้ว +5

    Спасибо за однозначно годный контент. Думаю, было бы крайне неплохо, если бы ты запилил побольше видео с разработкой различных вещей с использованием именно ванильного JS'a, поскольку JQuery уже морально устарел, а вот ванилла будет жить, пока востребован веб:)

  • @АлександрКозлов-п3у8д
    @АлександрКозлов-п3у8д 3 ปีที่แล้ว

    В самом начале по изучению css) Просто лайк зашёл поставить)

  • @fordjl9811
    @fordjl9811 3 ปีที่แล้ว

    просто кайфанул с результатов!!)) спасибо за уроки))

  • @langonar
    @langonar 3 ปีที่แล้ว

    Спасибо! Взял несколько моментов на вооружение :)
    Крутой канал!

  • @kitralin9987
    @kitralin9987 ปีที่แล้ว

    Очень понравился урок Бургер меню, все доступно и понятно. идем дальше

  • @АртёмРыбинский-м8ж
    @АртёмРыбинский-м8ж 3 ปีที่แล้ว +1

    СПАСИБО!!!!! Как всегда, то что нужно доступным языком!!!

  • @unkled
    @unkled 3 ปีที่แล้ว +4

    Авансом - Спасибо !)

  • @artemmolot2474
    @artemmolot2474 3 ปีที่แล้ว +1

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

  • @maxfatyanov7096
    @maxfatyanov7096 3 ปีที่แล้ว +17

    Жалко, что способ с плавной прокруткой не поддерживается safari, тогда уж проще было просто в css написать для body{
    Scroll-behavior: smooth;
    }, эффект был бы точно такой же

    • @irobens34
      @irobens34 3 ปีที่แล้ว +1

      Отличный совет. Жека внатуре перемудрил там с этим способом.

    • @zicorazzi5017
      @zicorazzi5017 3 ปีที่แล้ว

      спасибо за smooth!!!

    • @mashenko_d
      @mashenko_d 2 ปีที่แล้ว

      странно, у меня не работает

  • @ОлегМарченко-ы2ь
    @ОлегМарченко-ы2ь 3 ปีที่แล้ว

    Спасибо за видос. К сожалению, смогу посмотреть только завтра. Лайк-авансом!

  • @caydebane6753
    @caydebane6753 3 ปีที่แล้ว

    Жека как всегда лучше всех !!! спасибо братка!

  • @ЮліяШаленко-ю2к
    @ЮліяШаленко-ю2к 3 ปีที่แล้ว

    Просто шикарный урок ) СПАСИБООО)! Невероятная подача))

  • @damico750
    @damico750 3 ปีที่แล้ว

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

  • @АлёнаКуприяшка
    @АлёнаКуприяшка 3 ปีที่แล้ว +2

    Огромное спасибо! Очень крутой урок получился, много полезного, особенно порадовали "мелочи". Именно таких моментов не хватает, из-за малого опыта =) Жаль только, что прокрутка не работает ( нашла в другом месте - прикрутила, заработало). Так и не поняла, в чем была проблема. Проверила вроде все до буковки раз десять.

  • @alexles5003
    @alexles5003 7 หลายเดือนก่อน

    Круто. Очень понравилось. Взял себе на заметку

  • @Ggg-lv3jh
    @Ggg-lv3jh ปีที่แล้ว

    Дуже дякую! Жека - ти найкращий! Тобі добре вдається доносити інформацію!
    І головне - тепер ми знаємо, як це зробити!)))

  • @ДаниилСарбаш
    @ДаниилСарбаш 3 ปีที่แล้ว

    Боже, шикарный видос! Спасибо. Все так просто и красиво)

  • @mixelio
    @mixelio 3 ปีที่แล้ว +9

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

  • @Arkadiy7
    @Arkadiy7 3 ปีที่แล้ว +6

    Дай бог тебе здоровья!

  • @ihor6439
    @ihor6439 2 ปีที่แล้ว +1

    Велика подяка! Чудовий урок!!

  • @marinasatsyk2184
    @marinasatsyk2184 3 ปีที่แล้ว +1

    Крутейшее видео!!! Спасибо большое!

  • @ДмитрийБогданов-э5ы
    @ДмитрийБогданов-э5ы 3 ปีที่แล้ว +1

    Женя, если не ошибаюсь, CSS-свойство transform вырывает объект из контекста. Ты упоминал об этом в видео про transform.
    Учусь по твоим видео - очень результативно! Благодарю!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว

      Хммм, это не объясняет артефакт.

  • @ОлегЯровиков-м3з
    @ОлегЯровиков-м3з 3 ปีที่แล้ว +7

    Спасибо Женя, теперь чтобы сделать плавный скролл не нужно цеплять целую бибилиотеку

    • @slowpoke1808
      @slowpoke1808 3 ปีที่แล้ว +1

      но нужно ещё писать совместимость с браузерами

  • @svetlanapokrovskaya7798
    @svetlanapokrovskaya7798 3 ปีที่แล้ว

    Женя, огромное человеческое спасибо! Столько фишек, так все подробно рассказано! Мегаполезно! Жаль, нельзя поставить 10 лайков...

  • @agibalova24
    @agibalova24 3 ปีที่แล้ว

    Спасибо большое за урок! js только изучаю, но даже просто повторение помогает!

  • @kostyakozlov5289
    @kostyakozlov5289 3 ปีที่แล้ว

    Обучение на высшем уровне! Большое спасибо.

  • @АннаКрутицкая-ж7ю
    @АннаКрутицкая-ж7ю 2 ปีที่แล้ว

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

  • @АлександрКийко-ч7р
    @АлександрКийко-ч7р 3 ปีที่แล้ว +2

    Очень качественный урок, спасибо!

  • @LordOzzy1986
    @LordOzzy1986 2 ปีที่แล้ว +1

    супер огонь, просто адово пламя!🔥🔥🔥

  • @ВиталийКабаков-ф5э
    @ВиталийКабаков-ф5э 3 ปีที่แล้ว +3

    Привет! Жека, можно еще и спойлерный видосик обновить на чистом JS. Спасибо за отличный контент!

  • @СергейКийко-г6у
    @СергейКийко-г6у 3 ปีที่แล้ว

    мне пригодился этот урок, на его основе делал более сложное многоуровневое меню

  • @ИльясХакимов-е9т
    @ИльясХакимов-е9т 3 ปีที่แล้ว +1

    Огромное спасибо за знание которую ты нам даешь!!!

  • @МаксимМакиёв-р7ч
    @МаксимМакиёв-р7ч 3 ปีที่แล้ว

    Как всегда ТОП!

  • @НикитаЗинченко-у4г
    @НикитаЗинченко-у4г 3 ปีที่แล้ว +1

    Как всегда топчик)

  • @uk-lych_sveta
    @uk-lych_sveta 3 ปีที่แล้ว

    Спасибо за интересный контент. Учусь на твоих "видосиках". Будь здоров!!!

  • @me-dc2ex
    @me-dc2ex 3 ปีที่แล้ว +1

    Крутое видео! Офигенный материал!))

  • @andykud63
    @andykud63 3 ปีที่แล้ว

    Не ожидал такого нужного контента. Поставил лайк за смелую верстку. Мне не хватило смелости на адаптив. Меня извиняет только то что я не верстальщик. Но теперь думаю хватит. Хорошо бы еще добавить bar с иконками слева вместо меню (как вариант продолжения развития меню бургер проекта). Интересно как Жека решал проблему с history по кнопке Назад в браузере.

  • @СергейМельниченко-у8п
    @СергейМельниченко-у8п 2 ปีที่แล้ว

    также делается кнопка наверх страницы.
    data-goto=".body"
    и самому body даем класс class="body"
    и вне зависимости позиционирования элементов,данная кнопка перенесет вас наверх страницы

  • @s9219871110
    @s9219871110 3 ปีที่แล้ว +1

    Женя, большое спасибо за видео!

  • @КириллЕмец-л8ъ
    @КириллЕмец-л8ъ 3 ปีที่แล้ว

    Спасибо, как всегда всё качественно и понятно.

  • @BrestSouth
    @BrestSouth 3 ปีที่แล้ว

    Спасибо, тебе большое! Очень помогает твой контент!

  • @ПавелРумянцев-й5п
    @ПавелРумянцев-й5п 3 ปีที่แล้ว

    Здравствуйте! Огромное спасибо за Ваш Труд!!! Урок отличный. Объяснение доходчивое и понятное даже новичку. Еще раз Большое Спасибо!!!!

  • @crazybogdancool709
    @crazybogdancool709 2 ปีที่แล้ว

    Дякую за урок! Ця годинна була дуже цікавою та інформативною!

  • @levmorgan1441
    @levmorgan1441 2 ปีที่แล้ว +1

    Большое спасибо за ролик! Ну очень помог

  • @yevheniigoman
    @yevheniigoman ปีที่แล้ว

    Спасибо за твои классные уроки!!!

  • @justfisher2920
    @justfisher2920 2 ปีที่แล้ว

    Огонь! Жека ты волшебник из страны ОЗ)))Все доступно и прозрачно понятно, обожаю твои ролики, мира и чистого неба вам над головой🤝👍🙏