Анимированное меню на CSS и JS

Поделиться
HTML-код
  • Опубликовано: 15 апр 2019
  • Помоги каналу! donatepay.ru/don/webdev
    Интернет магазин на Node: node.itgid.info
    Курс JS: js.itgid.info
    Плейлист: goo.gl/63osiv
    Мои курсы: itgid.info
    Телеграм: t.me/jsrules

Комментарии • 56

  • @spav4vaps694
    @spav4vaps694 4 года назад

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

  • @Ruslan_Emurlaev
    @Ruslan_Emurlaev 3 года назад

    Класс!!! Все предельно понятно! Спасибо за уроки!

  • @user-no3rr2wk2g
    @user-no3rr2wk2g 5 лет назад +1

    Довольно приличный результат (меню красивое) при малых усилиях. Как раз то, что надо начинающим. Лайк с меня)

  • @user-ve7tx3ud6n
    @user-ve7tx3ud6n 2 года назад

    Спасибо Александр. Здоровья Вам.

  • @kapotonai
    @kapotonai 5 лет назад +3

    Спасибо Вам Александр!

    • @itgid
      @itgid  5 лет назад +1

      Спасибо за комменты!

  • @user-pf2rk3ox6l
    @user-pf2rk3ox6l 4 года назад

    Спасибо это самый лучший урок по js!!!

  • @marinaermilova7912
    @marinaermilova7912 5 лет назад +1

    Я занимаюсь по урокам Алекса всего 4 месяца - мне очень нравится, причем, мне туева куча лет и я не оч хорошо думаю, но уроки просто блеск. Спасибо большое.

  • @irynabelaya8191
    @irynabelaya8191 4 года назад +6

    У кнопки два класса: header__menu__burger и header__menu__burger__line. Полоску нижнюю и верхнюю делали отталкиваясь от первого класса, а потом начали почему работать со вторым классом, смысл которого я не понимаю. Почему нельзя было добавлять "active" к первому классу?..

  • @Kreminb
    @Kreminb 5 лет назад

    Спасибо! Очень интересно!

  • @user-rj6ro3mp1p
    @user-rj6ro3mp1p 5 лет назад +5

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

    • @itgid
      @itgid  5 лет назад

      Круто! Согласен.

  • @user-qs8tt9ju1t
    @user-qs8tt9ju1t 4 года назад

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

  • @liakharazishvili9985
    @liakharazishvili9985 4 года назад

    Вопрос: классы .body-active и .nav-active в HTML с какими тегами прописаны? У меня при нажатии на кнопку сдвигается content а не menu

  • @user-ji6df1ei2c
    @user-ji6df1ei2c 5 лет назад +2

    многовато всяких классов и заморочек в этот раз)) Так сразу сложно переварить)
    Но соглашусь со многими: преподавание - это ваше призвание.

  • @ai-bloggers
    @ai-bloggers Год назад

    Круто! Спасибо, Алексей. А у вас случаем нет обучения по разработке мобильных приложений полностью, как фронт, так и бек?
    Спасибо

  • @Federation1323
    @Federation1323 4 года назад

    а можно несколько распространить, в чём хитрость использования именно span?

  • @flappy7951
    @flappy7951 3 года назад

    Омар Хойам!! Очень сильный человек, по истине познал многое!

  • @ihormysak3977
    @ihormysak3977 4 года назад

    У меня вопрос: если мы открываем меню то все что справа от него (content) сдвигается но ненормально адаптируется. Когда меню исключено все пропорционально относительно горизонта адаптируется, когда открыта меню нет. Что делать ?

  • @viktoriacui
    @viktoriacui 4 года назад +1

    А почему нельзя везде использовать toggle? Спасибо)

  • @user-fx8jc8pp5f
    @user-fx8jc8pp5f 3 года назад

    О, я вам тысячный лайк поставил :)

  • @alexjust_alex9317
    @alexjust_alex9317 2 года назад

    дуже цікаво було. дякую.

  • @dmitryivanov3200
    @dmitryivanov3200 4 года назад

    Круто ))

  • @bestvideos3769
    @bestvideos3769 2 года назад

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

  • @user-wi1wp9de2i
    @user-wi1wp9de2i 4 года назад

    А тег main за что отвечает?

  • @MrColins710
    @MrColins710 5 лет назад

    чудово, в топ

  • @Fiz_kent23
    @Fiz_kent23 11 месяцев назад

    Код устарел как я понял
    я воспользовался другим методом для меню
    document.querySelector('.toggle_button').addEventListener('click', function(){
    document.querySelector('.sidebar').classList.toggle('active');
    })
    как вы заметили теперь sidebar не айди а класс. С айди не хотело работать прослушивание события(не знаю почему)

  • @shah-vasy
    @shah-vasy 5 лет назад +1

    Очень круто, а ссылка на исходник то где?
    Спасибо было оч интересно и полезно

    • @itgid
      @itgid  5 лет назад

      Исходник в чате.

    • @user-yk5nq7kr3g
      @user-yk5nq7kr3g 5 лет назад

      @@itgid а есть ссылка на этот чат?

    • @itgid
      @itgid  5 лет назад

      @@user-yk5nq7kr3g Телеграм: t.me/jsrules

    • @Cycle329
      @Cycle329 3 года назад

      .

  • @grantruss5238
    @grantruss5238 5 лет назад +1

    Я вам писал на почту, а вы почему-то ничего не ответили (

  • @-it7046
    @-it7046 5 лет назад

    Привет Алексей! Как всегда очень классный урок👍✔👍Ваша методология очень хороша!

    • @user-xg3er7dw8y
      @user-xg3er7dw8y 5 лет назад

      Александр

    • @-it7046
      @-it7046 5 лет назад

      @@user-xg3er7dw8y Извиняюсь)

  • @digitalturkistan1857
    @digitalturkistan1857 5 лет назад

    супер

  • @user-su7kh9kr9q
    @user-su7kh9kr9q 4 года назад

    Добрый день. А как такое меню адаптировать под 320px ширины? Спс

    • @user-go2kq1ix1r
      @user-go2kq1ix1r 4 года назад

      стили для медиа скрин и все

  • @GhazaryanArman
    @GhazaryanArman 5 лет назад +2

    Он это переписал. В 21:17 он сказал "нав" а потом сказан нет "почемуто меню". ПОЧЕМУТО МЕНЮ
    Но все же такие :))) СПС за видосы ;)

  • @malytv1170
    @malytv1170 3 года назад +1

    Алексо ссылки на css нету!

  • @poliuritanker
    @poliuritanker Год назад

    ссылка на телеграм не рабочая. скиньте пж актуальную

  • @n3m1x10
    @n3m1x10 5 лет назад +2

    Круто, но это можно было написать в 3 раза короче!

    • @yaroslavbulavin3613
      @yaroslavbulavin3613 4 года назад +1

      понятно, что есть jquery. Но новичкам лучше сначала понять js

  • @DenisKirk
    @DenisKirk 5 лет назад +1

    А где ссылка на ссs js html?

    • @itgid
      @itgid  5 лет назад

      Заходите в чат - там!

    • @user-hk7fo1vb3s
      @user-hk7fo1vb3s 5 лет назад

      @@itgid а чат где? )))

    • @itgid
      @itgid  5 лет назад

      @@user-hk7fo1vb3s
      Телеграм: t.me/jsrules

    • @DenisKirk
      @DenisKirk 5 лет назад +1

      @@itgid а если нет телеги, дай ссылку

  • @Dmitry_Harlamov
    @Dmitry_Harlamov 5 лет назад +2

    я первый ) супер видео

    • @itgid
      @itgid  5 лет назад

      Спасибо!

  • @user-wz9qr6ki9v
    @user-wz9qr6ki9v 3 года назад

    объяснять ,почему применяется 'this','preventDefault' и т.д.что обозначает хотя бы не надо?сами разберутся?погуглят?так нахуя это помойное видео?показать как ты умеешь? или тут все спецы уже по js собрались?

    • @AS-er7fm
      @AS-er7fm 2 года назад +1

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