Вроде и мелочь этот бургерочечек и есть готовые решения, но.. капец как круто когда теперь сам сможешь делать эти кнопочки, потому что понимаешь что за чем и как. Хорошая работа, Артём)
Привет, очень классно, я вообще наслаждаюсь этой красотой. А меню адаптивное которое будет выплывать идея очень кстати, буду очень, ну прям очень благодарен! И отдельное спасибо за канал, очень помогает.
Сижу смотрю и думаю "Афигеть какой я опытный" и тут бах линии гораздо удобнее через трансформацию двигать относительно средней а не через позицию. Который раз удостовериваюсь что нужно любые видео смотреть и даже для новичков)). И кстате такие элементы со сменой состояния лучше на чекбокс вешать что бы js не тянуть. И такой нюанс еще, ненужно псевдоэлиментами злоупотреблять(1. Хоть и мало но замедляют скорость загрузки. 2. В случае чего сложно повесить обработчик).
Хорошие уроки. Наглядно и понятно. Респект за такой хороший контент. Насчёт меню классная идея. Предлагаю реализовать lite версию mmenu, без лишнего мусора и функционала. На днях тоже задумывался о реализации своего универсального меню. Видосик посмотрел вдохновился идеей.
Артем, а можно ли отдельно сделать тему к примеру "Основные функции css". В гугле конечно полно этой информации, но с твои уст это реально круто и запоминающееся выглядит. Примеры огонь. Вот например было неплохо, если бы ты показал @media примеров с пояснениями несколько. Спасибо за качественный контент
Многие люди смотрят видео, и не знают как применить это всё на деле конкретно в сайте... Можно было бы, показать маленькими видео, тоесть, постепенное создание сайта(адаптивного с медиа запросами) на бутстрап + ваши фичи(бургер меню , фул скрин с текстом, флекс и так далее) + js + jquery, было бы очень здорово и наглядно. Сам потратил на это пол года, и уверен что ещё рости и рости по этому направлению. П. С. Ответьте пожалуйста, как вам такая идея(ответом будет лайк или дизлайк)? Вопрос не только к Лысому))) 😊 😄
Спасибо Артем! Интересно было бы увидеть как из этой кнопки еще и меню сделать. А также, меня интересует, как быстро и красиво оформить выпадающий список. И какие трюки с его анимацией можно применить.
Такой вопрос: В первом варианте (с крестиком) - крестик складывается с права, так сказать. (это можно заметить в видео 10:26) А как сделать так, чтоб крестик складывался с цента? Спасибо за ответ
@@Glo_Academy я хочу сделать кнопку лайк, при нажатии на нее остается синий квадрат вокруг значка, вот сижу мучаюсь, если есть ссылка по таким кнопкам, буду благодарен
Я ваше не понемаю этих оси x ,y,z . По логике икс эта горизонталь, y вертикаль а z эта вроде глубина да ? В 3д трансформации css всё как-то перевернутый чтол
подскажите пожалуйста я голову уже сломал. КАК вращается палочка (относительно какой точки) ?? Автор говорит, что в случае крестика вращение происходит относительно середины палочки, но как тогда получается крестик ??? Если бы палочка вращалась относительно своего цента тогда они никак не повернулись в крестик
Самое время через 6 месяцев: document.querySelector('.menu-btn').addEventListener('click', (evt) => { evt.preventDefault(); this.classList.toggle('menu-btn_active'); });
Обожаю эту рубрику. Только сегодня научился делать 3д карточку, как уже новый урок. Может быть, если мне будет не влом, могу придумать что-нибудь интересное и скинуть код куда нибудь тебе, чтобы ты его сам разобрал, и может быть сделал на него урок. Устроит такое? Или ты только личные наработки показываешь?
Вроде и мелочь этот бургерочечек и есть готовые решения, но.. капец как круто когда теперь сам сможешь делать эти кнопочки, потому что понимаешь что за чем и как.
Хорошая работа, Артём)
нужно всегда писать велосипеды чтобы научиться мыслить так как мыслил тот кто уже написал готовое решение.
Да, эта рубрика очень нравится. Удачи Вам!
Круто!!!
Артём сделай адаптивное меню
Ты просто офигенно объясняешь! Однозначно подписка и буду смотреть другие видео!!
Чётко, как заправка для фантазии! Все понятно интерестно пошёл чаечеу запаривать)))
Артем, анимация отличная! Мой лойс уже отлетел ))) Серия уроков очень нравится! Жду продолжения )
Братан, ты крут! Долго не мог понять этот бургег меню, спасибо за ролик большое! Выручил сильно.
Самые лучшие и понятные уроки, продолжай!!!!
Как идея, было бы удобно вначале увидеть превью того что получилось а потом рассказ как сделать. Было бы очень удобно!
Привет, очень классно, я вообще наслаждаюсь этой красотой. А меню адаптивное которое будет выплывать идея очень кстати, буду очень, ну прям очень благодарен! И отдельное спасибо за канал, очень помогает.
Толковые и нужные CSS-фичи. Продолжай в том же духе(ждем продолжение с меню).
Сижу смотрю и думаю "Афигеть какой я опытный" и тут бах линии гораздо удобнее через трансформацию двигать относительно средней а не через позицию. Который раз удостовериваюсь что нужно любые видео смотреть и даже для новичков)). И кстате такие элементы со сменой состояния лучше на чекбокс вешать что бы js не тянуть. И такой нюанс еще, ненужно псевдоэлиментами злоупотреблять(1. Хоть и мало но замедляют скорость загрузки. 2. В случае чего сложно повесить обработчик).
Я человек простой. Вижу css фичи ставлю лайк))
Эти видео как хороший сериал, новую серию выпустили, пересмотрел, но тебе мало, давайте сразу сезонами выпускать)))
Ты так шикарно рассказываешь, все очень понятно и просто. Спасибо за годный урок!
Хорошие уроки. Наглядно и понятно. Респект за такой хороший контент. Насчёт меню классная идея. Предлагаю реализовать lite версию mmenu, без лишнего мусора и функционала. На днях тоже задумывался о реализации своего универсального меню. Видосик посмотрел вдохновился идеей.
Блин, очень круто, а ведь кода немного, чувак ты богоподобен! Продолжай)
Артём просто здорово :-) Хочу видеть продолжение урока.
Фичи просто по КД выпускаеш) Походу коменты и лайки реально хорошая мотивация. Уже по стандарту лойс👍
От твоих видосов одно вдохновение приходит! Продолжай в том же духе
очень круто делаешь,я в восторге,на данный момент я только учусь и на уровне "0" в js нахожусь,спасибо тебе огромное за урок))
Хочу увидеть продолжение с меню.
продолжение с меню уже есть на канале
Оно уже старое
Поддерживаю!
Артем, низкий вам поклон и большое человеческое спасибо!
Хороший плейлист, новое виде = сразу лайк не глядя
Отличное видео! Интересует еще и стилизация стандартного меню (прижать влево, добавить лого, добавить анимацию).
Однозначно, тема очень интересна. Ждем продолжения.
Спасибо Артем наконецто понял как зделать самому бургер мену, очень хорошо обяснаяеш. Спасибо!!
Отличная идея продолжить это меню! И про то что Артём говорил чтобы раскрывалось на полный экран!!!
На 13:18 минуте
Настолько хорошие уроки ,что я даже не поленился написать комментарий :3
Круто. И спасибо за исходник.
Круто! ++++++ Больше фичей по Анимации!!!
Отличные штучки, продолжайте в том же духе!
Класс!!! Это просто офигенная тема!)))
Молодец! Всё понятно объяснил.
А какую ты используешь библиотеку jquery?
Подскажите пожалуйста какой редактор кода использован в этом видео
спасибо боьлшое Артём)))
сделай плавную прокрутку для якорей по лендингу)))
Испрльзуя, jQuery это можно уместить в 3 строки. Мне кажется что урок из этого не выйдет..
Діма Куліковський если на чистом js сделает, то очень полезно будет
у меня уже есть готовый скрипт на чистом js - github.com/BlackFxTalon/scroll-to-link
в css можно добавить "html {
scroll-behavior: smooth; }"
@@MrInkognitod safari же не поддерживает, а значит все яблочники в пролёте.
Качественно учишь! Спасибо за годную инфу!
Артем, а можно ли отдельно сделать тему к примеру "Основные функции css". В гугле конечно полно этой информации, но с твои уст это реально круто и запоминающееся выглядит. Примеры огонь. Вот например было неплохо, если бы ты показал @media примеров с пояснениями несколько. Спасибо за качественный контент
Да, продолжение с меню будет крутым. Покажи как можно больше вариантов его появления!
Спасибо за видео. Почему Вы не использовали такой стиль "top: calc(50% - 1px);"?
Побольше бы плюшек с работой чисто на CSS))
Прикольно) спасибо за способ. Ранее делал через три элемента списка, теперь буду делать так
Сейчас это всё так же работает как 4 года назад? Я щас пытаюсь повторить и анимация не работает ни в какую
Многие люди смотрят видео, и не знают как применить это всё на деле конкретно в сайте... Можно было бы, показать маленькими видео, тоесть, постепенное создание сайта(адаптивного с медиа запросами) на бутстрап + ваши фичи(бургер меню , фул скрин с текстом, флекс и так далее) + js + jquery, было бы очень здорово и наглядно. Сам потратил на это пол года, и уверен что ещё рости и рости по этому направлению. П. С. Ответьте пожалуйста, как вам такая идея(ответом будет лайк или дизлайк)? Вопрос не только к Лысому))) 😊 😄
а у меня не заработало. у тебя на 6:12 пропал элемент , потом появился, но у меня он не появился
Спасибо за видео !!! было бы отлично увидеть анимации которий новые не часто повторяются в других местах !
Крутой мужик !! Хорошо объясняешь !!
Это очень крутой гайд! Спасибо, Артем, за безуумно крутое видео :)
Полезно. Хотелось бы увидеть урок по адаптивному меню с гамбургером на css и JQuery
03:47 здесь по моему должен быть margin-bottom? или я ошибся?
Очень полезная рубрика. Спасибо:)
Спасибо Артем! Интересно было бы увидеть как из этой кнопки еще и меню сделать. А также, меня интересует, как быстро и красиво оформить выпадающий список. И какие трюки с его анимацией можно применить.
Меню сделаем
Без меню фиксированого никак))
Крутая рубрика. Продолжай!
Такой вопрос: В первом варианте (с крестиком) - крестик складывается с права, так сказать. (это можно заметить в видео 10:26) А как сделать так, чтоб крестик складывался с цента? Спасибо за ответ
спасибо!!! очень понятно и легко!
Благодарю Вас за видео.
Артём а почему ты не делаешь видео про фрейворки ? На них можно ускорить разработку сайтов в 2-3 раза. AngularJS, Angular6, Vue.
мне надо чтобы стрелка была вправо. Что надо менять, и на какие значения???????
Подскажите пожалуйста, почему вы используете тег , не тег
Просто для примера. Использовать можно и то и то, в зависимости от смысла элемента
@@Glo_Academy я хочу сделать кнопку лайк, при нажатии на нее остается синий квадрат вокруг значка, вот сижу мучаюсь, если есть ссылка по таким кнопкам, буду благодарен
Артем, очень хотелось бы увидеть выезжающее меню!!!
Супер, спасибо Артем!)
Больше таких уроков!!! ⚡️
А есть разница, как делать кнопку, тегом или ?
Артем спасибо за годную инфу!
Продолжай. Хорошо заходит!
Классная кнопка получилась, пригодится!
Крутые уроки! Покажи пожалуйста как скрывать меню нажатием на любое место(вне кнопки) без заглушек
Все круто, как и всегда !
Мощь! Хочу ещё фич :)
а виравнять по центру средний span же можно вот так top: calc(50% - 1px); left: calc(50% - 10px);
Не могу понять почему меню у меня расползается на весь экран по горизонтали. Я свой код несколько раз перепроверил с исходником и все одинаково.
Привет, скажи пожалуйста, после написание jquery, всегда выбивает ошибку в браузере, не срабатывает событие.
Спасибо за урок!
Благодарю! Отличный урок!
Еле разобрался, что надо прописывать код jquery в уроке внутрь
$(document).ready(function() {
});
у меня не получается
Я ваше не понемаю этих оси x ,y,z . По логике икс эта горизонталь, y вертикаль а z эта вроде глубина да ? В 3д трансформации css всё как-то перевернутый чтол
А как использовать сокращенные записи? Пишем a.menu-btn, получаем -->> ??
На codepen у вас же автоматически заполняются, вставляются теги как плагины. А у меня нет. Как это сделать расскажите пожалуйста?
что за шрифт у кода? скобки прикольные полукруглые такие...
подскажите пожалуйста я голову уже сломал. КАК вращается палочка (относительно какой точки) ?? Автор говорит, что в случае крестика вращение происходит относительно середины палочки, но как тогда получается крестик ??? Если бы палочка вращалась относительно своего цента тогда они никак не повернулись в крестик
Я до сих пор не понял
Здравствуйте, можете пожалуйста помочь. Я очень плохо разбираюсь в этой теме. Можете пожалуйста подсказать мне как сделать такое меню в WordPress.
Очень мощно спасибо )
Вот это супер видео мне понравилось)
просто комментарий, в знак поддержки автору
Как называется расширение, которое показывает сразу перевод с английского?
Топовый контент
the best video i have ever seen
Интересно посмотреть реализацию этих всех jQuery на чистом JS. Ведь зачем тянуть за собой весь поезд, если нужен только один вагон.
Самое время через 6 месяцев:
document.querySelector('.menu-btn').addEventListener('click', (evt) => {
evt.preventDefault();
this.classList.toggle('menu-btn_active');
});
ахринеть, копипаст рулит, жалко что только мозги мои от копипаста отрафируются. Лайк за урок.
продолжение, пожалуйста!!)Все круто
спасибо огромное! очен полезные уроки! всех благ!
Артём, здравствуйте! Спасибо за данный урок. Сделайте пожалуйста продолжение как теперь из данной кнопки сделать всплывающее меню
Спасибо за видео!Жду новую css вичу
Это шикарно!))
Отличное видео, быстро и понятно.
#активностьравнавидосу.
Лайки, комменты - все эти перелести делайте, поддержим нашего "Лысого бро")
Гениально! 👍
Здорово, спасибо за урок!
Обожаю эту рубрику.
Только сегодня научился делать 3д карточку, как уже новый урок.
Может быть, если мне будет не влом, могу придумать что-нибудь интересное и скинуть код куда нибудь тебе, чтобы ты его сам разобрал, и может быть сделал на него урок. Устроит такое? Или ты только личные наработки показываешь?
Скидывай сюда в комментарии
Glo Academy добро.
Осталось придумать и реализовать.
Блин, 13 минут, но такой маленький результат, давай продолжение с меню!)