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