Создание анимированного меню на CSS3 и JavaScript 

да!!! именно супер

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

Ты круто братан

Конечно делать!

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

Спасибо. Делайте больше таких видео

Спасибо. Просто и доступно.

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

Не работает

Спасибо, Георгий

Да, нужны ещё, очень интересно, серьёзно

Гоша, спасибо тебе, ты лучший, удачи

👍

Спасибо за урок. Подробно, понятно и доступно. Ждём больше таких уроков.!

Ваще топ объснение Мне оч понравилось спасибо Гоша

Супер

Очень понравилось, продолжайте делать такие видосы!

Спасибо!

Очень классно.Продолжай в том же духе.

У меня возникла проблема с меню, оно не выезжало, у кого также, просто поменяйте id = "sidebar" на class = "sidebar" в css тоже всё меняем с # на точку и в javascript вместо document.getElementById("sidebar").classList.toggle('active'); меняем на document.querySelector(".sidebar").classList.toggle('active'); и всё заработает, сам смотрел коменты и ничего не нашёл пришлось самому искать решение, после подумал поделиться с теми у кого также.

Делай еще такие видео. Очень круто.

Молодец чувак. Написал, объяснил, показал. побольше уроков по js!

Молодец. Спасибо)

Лучший, просто лучший! Лайкос

Ну так понятно объяснить чайнику такое за 15 минут - это прям талант. Спасибо тебе за это видео! Очень благодарен!

От души спасибо класс

Отличное видео! Я еще добавил в класс sidebar border-radius: 15px; box-shadow: 5px 5px 10px 10px rgb(64, 62, 62); Теперь меню выглядит еще лучше :)

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

Лучший! Давай больше такого добра!) Предлагаю назвать эту серию видео "Фишки от Дударя"

Отлично.Сделай еще

Больше таких видюшек

Если у кого не высвечивается кнопка,то нужно просто поставить пробел между точкой и sidebar у меня получилось,долго думал в чем проблема

Обязательно продолжай, довольно полезно)

Всегда сначала ставлю лайк, потом смотрю видео)

Спасибо, давай еще

спс

спасибо кончено но у меня не выдвигается в право меню я вроде как всё проверил ошибок нет но всё ровно не работает

Благодарность

Однозначно годно!

Отличное видео! Побольше бы такого контента!

Круте відео, все коротко і ясно, обов'язково продовжуй знімати такі класні ролики.

Извините но у меня не работает всё как в ролике и не хочет работать

казалось сложнее чем я думал)

Красавчик, толково и понятно. Делается за 20 минут. До этого делал меню только через css. Теперь буду творить только так) а минусы у этого способа есть?

Здравствуйте, при нажатии на то чтобы открыть меню у меня оно не открывается.Что делать? Вот код Js: function openMenu() { document.getElementById("sidebar").classList.toggle('active'); }

Спасибо

Конечно делай)

Неплохой урок для новеньких

не работает

IT Сударь!

Вот такая классика, один в один повторил и нифига не работает ) как сложно быть криворуким, даже когда повторяешь один в один

а почему в CSS класс прописывается через # а не .

Спасибо очень помог продолжай дальше и не закидай.А уроки по CSharp будут?

Не работает. Показывает меню только если зажать левую кнопку мышки

КРАСОТА! Спасибо! Сходу лайк и подписка! Бомбезный урок, сделал на одном дыхании! =)

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

Очень круто Хотелось бы чего то специфического по jQuery не шаблонного

повторяю за тобой html не читает некоторые коды в css

Кто хочет стать програмистом лайк!

Как с помощью js сделать так, чтобы меню скрывалось при нажатии в другое место (не на меню)?

Ну так понятно чуть

у меня не получилось ((

Красава, из всех гайдов только твой сработал, век тебе счастья! С меня лайк и коммент!

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

Помогите ребят, не работает function openMenu{ document.querySelector(".sidebar").classList.toggle('active'); } Очень нужна эта кнопка

Доброго вечера. Вопрос. Как связать меню с формой игры на джава? Где можно найти такой мануал. Уроки очень интересные и доступные. Спасибо

Почему ничего кроме #sidebar не работает?

Сделай ещё видосы по юнити

Я, который думал что скрипт займёт большую чать видео

я просто за ним не успеваю ...

Чуваки суперпрограмисты ) я уже задавал вопрос повторю его ещё раз как написать скрипт который бы заходил на другой сайт скачивал в переменную текстовую нужную интернет страницу далее выбрасывал из текста ненужное передавал нужное в другую переменную и сохранял на всегда а не только когда сайт в браузере включен переменную с тем текстом на файле сервера так что бы при следующем заходе на страницу та переменнвя выводилась на страницу не соединяясь с тем сервером больше !?

Для блока слева создай отдельный элемент на странице. Например, div с id "menu". В него помещай все, что тебе нужно. Умеешь подключать JQuery? На всякий случай, объясню. Вот эту строчку впихни в head своей страницы. Теперь у нас подключен JQuery. Что мы делаем дальше? Дальше нам надо отловить клик по нашему "бутерброду" и после клика, собственно, и выдвинуть менюху. Как это делается: $(document).ready(function() { $("#menu").click(function() { $(this).addClass("show"); }); }); У меня получилось только так qna.habr.com/q/172409

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

А можно видео с исчезновением кнопки во время активного меню?

у меня не получаеться я написал а пишет function openMenu() { document.getElementById("sidebar").classlist.toggle('active'); } что то с toggle я не понимаю я все сделал как вы сделали помогите пожалуйста!

Что делать, если меню не через id а через секцию?

Мощный....

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

Гоша Дударь - это как в свой время Евгений Попов, этого человека нужно знать для, чтоб не делать как он

Сделай видео, как создать приложение вконтакте на IFrame или Java

покажи как работать с slide js

Сделай, пожалуйста график гантта с горизонтальным скроллбаром, который будет бегать по датам. И повесь на него событие пересечения. Вот это было бы реально круто) потому что событие пересечения реализовать вообще хрен пойми как(

А как с правой стороны такой меню сделать? , я хотел сделать , но там появляется скролХ

top

как сделать так чтоб это меню появлялось когда только на телефоне смотришь через @media сделать а другое меню тогда как отключить или его тоже через привезать к медиа ?

не получилось

Делать!

Как зделать графику,анимацию движения,физику,меню интерфейса? Зделай видео уроки по теме создания игрового движка пожалуйста.

почему у меня не сдвинулась влево кнопка влево?

#гошамытебялюбим

Да

Делай

можна сам скрипт пж

Не не, не надо толку от таких простых вещей я думал там реально будет что то крутое , а там обычное меню которое за 3 мин можно написать , сними видео про что то более сложное про паралакс или канвас. Ставлю лайк в надежде что в будущем выйдет действительно что то интересное , а не скрипт который 8-летний ребенок может написать

только истинные бомжи пишут на атоме.

Что за буква эйчь какая она по счёту в русском алфавите !? )

Одни сплошные новички в коментах

Можна було обійтись без JavaScript'у і зробити за допомогою @keyframes на чистому css. Але і без того інформативне відео, ось тобі лайк.

Дружище сделай пожалуйста побольше видосов про Unreal Engine 4. Как игру в жанре RPG сделать, прокачку скилов персонажа, апгрейд чего-либо например оружия или предметов. И где можно брать контент. Буду очень благодарен. Так как мало видео на русском про Unreal Engine 4. Ты понятно и лучше всех обьясняешь функции движка и за что та функция блупринтов отвечает. Ответь пжлст когда можно ждать свежих роликов по моей теме?)