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