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