Спасибо большое Вам! Продолжайте снимать ролики, все очень доступно и понятно! Это уже не первое Ваше видео, которое я смотрю для решения своих задач в построении сайтов
@@maxgraph вживую на самом деле вообще топ, когда смотришь уроки где весь код изначально вылизан до идеала, как то хуже усвояемость материала, лично у меня так, потому что когда видишь как ты правишь какие то моменты, то потом самому на практике видно больше вариантов для реализации, спасибо за уроки!
Макс, привет!) Крутые видео! Не планируешь записать реализацию по загрузки файлов в форме с возможностью drag and drop загрузки ? И кастомизацию инпута, ну и с валидацией по макс числу файлов, по типу, по размеру. В инете нету ни одного толкового видео на эту тему.
еще вопросик и все 🤣я вот как-то закончил последний марафон на новой зборке галпа теперь дорабативаю и возник вопрос а что если все изображения в проекте ( кроме PNG которые используются для бэкграундов ) встевить через тег picture?это в целом плюс или без разницы?
Люди добрые, подскажите отсталому, что за расширение для браузера используется, чтобы вот так прямо в браузере сжимать страничку, подставляя разные разрешения экрана?!?!
Здравствуйте Максим. Повторил ваш вариант бургера. Заметил такую вещь, у вас в видео она тоже промелькнула, при уменьшении вьюпорта на мгновение появляется бургер меню и анимируется его закрытие, смотрится не очень. Есть вариант как это пофиксить?
@@kasmacov Один из вариантов: В js: window.onload = function () { nav?.classList.toggle("transition"); }; В css: .transition { transition: transform 0.6s ease-in-out; }
Все бы хорошо, но почему даже в твоих видео есть большие косяки, например, после клика нужно останавливать событие клик, либо оно будет копиться, или эта информация из разряда купите мой курс там будет?
не совсем ясно по поводу знака вопроса, который проверяет существует ли переменная. где именно его нужно указывать? по факту если первый раз использовать при объявление переменной, и переменной не будет такой, то код не сработает. но в видео почему то и дальше его используют при отслеживание клика
@@maxgraph вопрос немного не в этом. не ясно как использовать такое объявление, то есть везде в коде нужно по всему файлу писать именно со знаком вопросом? не проще тогда сделать запись такой: const burger = document.querySelector('[data-burder]'); if (!burger) return; и тут ниже уже сам код, и не переживать что где то потом пропустил поставить этот знак вопроса и все сломаеться.
@@maxgraph ну вот я как раз и не могу понять как именно это использовать) это точно что то новенькое) может что то и лучше. почитаю про это. за урок спасибо, все очень круто :)
Покажи следующем видео, как сделать, в таком же меню, то "выпадающее меню". Я так и чую что там дописать надо из этого. Мне не понятно как добавить. Попытаюсь методом втыка как всегда. :)
я решил посмотреть на твою библиотеку модальных окон и обнаружил, что на кнопке для закрытия не возможно поменять цвет крестика т.к. он сделан свг картинкой, так что не думал сделать псевдо элементом как у тебя в миксине бургер.
макс к тебе экстренный вопрос(телегу снес 😂спрошу тут)так: собираю я твой последний марафон на новой зборке галпа(еле с импортами разобрался) у тебя там Head в отделном файле который подключааю на каждой странице но как теперь сделать так чтоб на каждой странице в бразуре отображалась название самой страницы а то на всех страницах одно название 😎
Спасибо большое Вам!
Продолжайте снимать ролики, все очень доступно и понятно!
Это уже не первое Ваше видео, которое я смотрю для решения своих задач в построении сайтов
Пожалуйста) конечно, буду продолжать
Спасибо, Макс. Очень нравятся Ваши уроки.
Пожалуйста)
Лучшее объяснение по реализации бургер-меню, Максим Вы лучший успехов Вам.
Спасибо)
Спасибо большое за меню! Наконец то нормальное видео про бургер, без воды.
Пожалуйста)
Блин, какой ты молодец, Макс! Так доступно все объясняешь! Спасибо огромное!!!
Пожалуйста)
нравятся твои уроки! Было бы круто в начале показывать готовый результат. Спасибо тебе
Спасибо, учту) но вообще многие видео я пишу специально без подготовки, так сказать вживую
@@maxgraph Да так было бы очень удобно:) спасибо за контент:)
@@maxgraph лучше с подготовкой!
@@maxgraph вживую на самом деле вообще топ, когда смотришь уроки где весь код изначально вылизан до идеала, как то хуже усвояемость материала, лично у меня так, потому что когда видишь как ты правишь какие то моменты, то потом самому на практике видно больше вариантов для реализации, спасибо за уроки!
Огромное вам спасибо! Желаю успехов вам)
Очень приятное видео про бургер-меню!
Вроде умею бургер делать, никогда проблема не было, но видео глянул, спасибо.
спасибо, очень во-время. Как раз нужно было делать меню-бургер и тут твое видео, тайминг))
Пожалуйста))
класс, обьяснил "что, куда, откудо" , спасибо Макс
Пожалуйста)
Максим, как всегда лайк!
Скоро понадобится данный урок :)
👍
Спасибо большое, спасибо за то, что объясняете свои действия!
Пожалуйста =)
Круто. Спасибо
Спасибули! Больше понятно!
Пожалуйста)
Спасибо😊
Все супер! p.s у кого свойство --header-height не работает, попробуйте создать его не в @media, а глобально
Спасибо)
Макс, привет!) Крутые видео! Не планируешь записать реализацию по загрузки файлов в форме с возможностью drag and drop загрузки ? И кастомизацию инпута, ну и с валидацией по макс числу файлов, по типу, по размеру. В инете нету ни одного толкового видео на эту тему.
Привет, спасибо)
Можно сделать в общем-то, запишу в план)
Спасибо за уроки =)
Пожалуйста)
Максим, подскажите плиз, почему псевдоэлементы для кнопки делаются для burger, а не для burger__line?
Так удобнее их позиционировать
🥰😃😃
Макс привет! А как сделать, чтобы по клику вне области моб. меню оно закрывалось автоматически. То есть не только по нажатию крестика
Клик по body
@@Vladikslavik верно
@@ДмитрийЮдичев-с5ъ догадается человек или нет? Короче, только с условием, чтобы класс e.target не равнялся классам бургера и ссылок меню.
Макс лови Лайкс!
Спасибо)
А в script.js, когда получаем дом элементы, зачем ? знак вопроса после document?
Посмотрите урок внимательно, я там все рассказал)
4k качество это конечно сильно)
Здравствуйте, спасибо за видео!
у меня вопрос что за знак вопроса в js
когда пишите document?
Здравствуйте, я пояснил это в видео, посмотрите внимательно)
Макс, привет! Спасибо за урок! Не подскажешь, какая у тебя цветовая схема в редакторе? Спасибо.
Привет, one monokai)
@@maxgraph странно, у меня она выглядит по-другому)
еще вопросик и все 🤣я вот как-то закончил последний марафон на новой зборке галпа теперь дорабативаю и возник вопрос а что если все изображения в проекте ( кроме PNG которые используются для бэкграундов ) встевить через тег picture?это в целом плюс или без разницы?
Для этого есть миксин image-set в сборке)
Люди добрые, подскажите отсталому, что за расширение для браузера используется, чтобы вот так прямо в браузере сжимать страничку, подставляя разные разрешения экрана?!?!
Никакое)) это device toggle toolbar в браузере, погугли
@@maxgraph благодарю мил человек)
Спасибо за контент!) А не лучше ли сделать анимацию только на transform? Что бы не менять top и botton, ведь они нагружают fps))
Не сильно тут большая нагрузка
Здравствуйте Максим. Повторил ваш вариант бургера. Заметил такую вещь, у вас в видео она тоже промелькнула, при уменьшении вьюпорта на мгновение появляется бургер меню и анимируется его закрытие, смотрится не очень. Есть вариант как это пофиксить?
Здравствуйте. Добавлять транзишн через js попозже нужно видимо.
@@maxgraph Здравствуйте! Не могли бы вы подробней рассказать про это для чайников?
@@kasmacov Один из вариантов:
В js:
window.onload = function () {
nav?.classList.toggle("transition");
};
В css:
.transition {
transition: transform 0.6s ease-in-out;
}
Все бы хорошо, но почему даже в твоих видео есть большие косяки, например, после клика нужно останавливать событие клик, либо оно будет копиться, или эта информация из разряда купите мой курс там будет?
Ты сам себе что-то придумал) какие курсы? 😀
Почему нужно? Не вижу проблем
@@maxgraph ничего против не имею против тебя ты гений для меня, ты забыл про эту вещь? Я просто учусь фронту и сам об этом только сегодня узнал
Звучало иначе))
Но нет, я конечно не гений =)
не совсем ясно по поводу знака вопроса, который проверяет существует ли переменная. где именно его нужно указывать? по факту если первый раз использовать при объявление переменной, и переменной не будет такой, то код не сработает. но в видео почему то и дальше его используют при отслеживание клика
А вы попробуйте убрать бургер со страницы, как отработает код с и без ?
@@maxgraph вопрос немного не в этом. не ясно как использовать такое объявление, то есть везде в коде нужно по всему файлу писать именно со знаком вопросом?
не проще тогда сделать запись такой:
const burger = document.querySelector('[data-burder]');
if (!burger) return;
и тут ниже уже сам код, и не переживать что где то потом пропустил поставить этот знак вопроса и все сломаеться.
Может и проще, я использую разные варианты, и ставил везде для надёжности
@@maxgraph ну вот я как раз и не могу понять как именно это использовать) это точно что то новенькое) может что то и лучше. почитаю про это. за урок спасибо, все очень круто :)
Покажи следующем видео, как сделать, в таком же меню, то "выпадающее меню". Я так и чую что там дописать надо из этого. Мне не понятно как добавить. Попытаюсь методом втыка как всегда. :)
Посмотрите урок про мега меню на канале)
Очень круто видео. А можно такое же только с многоуровневым меня?
Уже было))
А что за знаки вопроса у тебя в ЖС коде ?
Пересмотри видео, сразу после их написания я сказал зачем это)
Спасибо за урок, ну и aria-expanded="true" при открытии можно сделать
Если не сделал вдруг - да!)
Есть идея для плейлиста! Coffee CMS
Что-то интересное?)
я решил посмотреть на твою библиотеку модальных окон и обнаружил, что на кнопке для закрытия не возможно поменять цвет крестика т.к. он сделан свг картинкой, так что не думал сделать псевдо элементом как у тебя в миксине бургер.
Поменять можно как угодно, стили же можно переопределять)
макс к тебе экстренный вопрос(телегу снес 😂спрошу тут)так: собираю я твой последний марафон на новой зборке галпа(еле с импортами разобрался) у тебя там Head в отделном файле который подключааю на каждой странице но как теперь сделать так чтоб на каждой странице в бразуре отображалась название самой страницы а то на всех страницах одно название 😎
Можешь попробовать передавать переменные в file include
Или забить, это все равно уже на натяжке же будет
А как сделать 4 палочки, а не 3 ?
Добавьте спан
Здрасте , почему когда я пишу для burger--active .burger__line : opacity: 0; то у меня пропадают все три палочки бургера ?
Потому что вы это и написали. Надо обращаться к определённой линии
@@maxgraph не знаю может не заметил , но мне казалось я все делалаю один в один как на видео ,проверю , спасибо за ответ
У меня то сделано у меня это сделано. Зачем тогда это смотреть, скопирую код с гугла и все у меня тогда тоже все сделано.
никто не заставляет же
Спасибо!
Спасибо)
Пожалуйста)