Фронтендер, влюблённый в веб, браузеры, велосипеды и подкастинг. Ведущий подкастов «Веб-стандарты», The F-Word и «Любимые пластинки». Google Developer Expert 📍Живу в Берлине.
Все тааак детально рассказано, что не понять не возможно. Это настоящий педагогический талант. Спасибо огромное!
@tuku_mann26 күн бұрын
Это топ контент, спасибо большое!
@user-yq3vx4xz9t26 күн бұрын
очень круто ) где можно обучится этому ,чтоб делать все самомоу ? или с чего начать ,с изучения JS?
@yankov220629 күн бұрын
комментарий в поддержку автора видео спасибо, всё работает жаль с бротли не осилил. Но в целом запустить сервер удалось!
@xdayx53Ай бұрын
пришлось посмотреть 5 раз это видео + читать статьи. очень помогло! спасибо , Вадим!
@amirfarkhadov5926Ай бұрын
Вадим, большое спасибо! Пожалуйста продолжай, очень ждем новое видео!
@E.One1Ай бұрын
А можно спрятать через opacity: 0; ?
@pepelsbeyАй бұрын
Да, вполне. На момент записи этого видео, это бы ещё не очень надёжный способ. А сейчас уже норм.
@AlekseyKnyazev-zj7hq2 ай бұрын
2024 год, Ubuntu 22.04.4 LTS (GNU/Linux 6.5.0-1017-aws x86_64), все работает, инструкция актуальна. Вадим, гигантское спасибо - благодаря тебе впервые в жизни поднял сервер на инстанс aws безо всяких плясок с бубном. Обнаружил опечатку в текстовом файле. Файл 1-server. md, между 12 и 13 блоками кода: "Найти блоки config.env.nginx config.env.nginx_debug" - видимо не env, а status
@clleoweb40832 ай бұрын
А что же делать с lazy load? Как к этой красоте прикрутить отложенную загрузку изображений? При чем нужен правильный lazy, при котором в src будет не пустота а реальное изображение?
@pepelsbeyАй бұрын
Ценности в отложенной загрузки изображений особенно нет - они и так не блокируют рендеринг, в отличие от контентных. Ну разве что если вам нужно показать какой-то плейсхолдер вместо тяжёлой картинки. Но думаю это вполне можно сделать множественными фонами.
@AvocadoVHS2 ай бұрын
Вчера пытался реализовать. Накостылял через list_menu > ul > li
@Shark9562 ай бұрын
Вадим, как всегда отличный контент, спасибо большое!
@parahumanoid2 ай бұрын
9:26 картинка-то может и меньше как внешний ресурс, но во что нам обходится отдельный запрос к серверу?
@enfllome88303 ай бұрын
Вадим, привет! Сталкивался ли ты с проблемой подключения клавиатуры Keychron k3 pro к windows чз блютуз? Комп подключает клаву, но отлкика никакого нет....
@user-qn8oq8wq7n3 ай бұрын
Так здорово это видеть ! Красота! Благодарю за контент
@monieKidd3 ай бұрын
очень интересное видео!!
@tvoidrug25403 ай бұрын
Подскажите пожалуйста, почему вы не стали добавлять в поле поиска две иконки(кнопки) методом before и after ?
@pepelsbey3 ай бұрын
Потому, что это интерактивные кнопки: на них нужно повесить обработчики событий, они должны фокусироваться с клавиатуры.
@tvoidrug25403 ай бұрын
@@pepelsbey благодарю, не знал, что при использовании бефо и афтер перестанет фокусироваться.
@VladyslavZubko694 ай бұрын
Привет Вадим! Только добрался до лайва, позалипал в фоновом режиме, и самому захотелось купить конструктор) Спасибо! Такой вопрос, в телеграмме ты частенько заливаешь фото своего крутого рабочего места, но списка названий и моделей так нигде и не видел 🥲 Подскажи, пожалуйста, есть ли где-то такой список? Больше всего интересует монитор и клавиатура… и другая техника тоже) Хотелось бы посравнивать с тем что имею сам, давно хочу обновиться.
@pepelsbey3 ай бұрын
Списка нет, никогда не приходило в голову его собрать. Если коротко: монитор Apple Studio Display, клавиатура по настроению из коллекции, последнее время всё чаще Keychron Q1. Подробнее могу на следующем лайве рассказать - только дострою студию в новой квартире. Надо дособирать марсоход!
@VladyslavZubko693 ай бұрын
@@pepelsbeyСпасибо Вадим! Обязательно прийду на следующий лайф для уточнений))
@timashoff4 ай бұрын
какая же качественная подача! спасибо!
@user-ew4sp5kg6m4 ай бұрын
они не согласились))
@hfh1944 ай бұрын
Это жёстко. Как это запомнить все?)
@TheJustmeagain4 ай бұрын
Стоит добавить, что npm ci на пайплайне будет работать только в том случае, если репозиторий содержит package-lock.json. В противном случае будет сваливаться в EUSAGE ошибку.
@user-sk1rh7yh7n4 ай бұрын
Спасибо огромное! Очень помог разобраться!
@progerlife66905 ай бұрын
Огромное спасибо. Недавно переписывал сайт который был сверстан на таблицах еще в 2008 году взрыв мозга..
@Samy4Smart5 ай бұрын
супер ! все просто и понятно
@Anatoli-bq1pe5 ай бұрын
Благодарю! Хорошо что сейчас image-set уже отлично поддерживается браузерами)
@user-oh4xv9vf1h5 ай бұрын
Расскажите как через vds получать доступ к своим домашним серверам! Это интересней!
@nanoReload5 ай бұрын
7:18 аааа почему он не будет спрашивать пароль? или как это сделать? это видимо с ключом? а то запарило вечно пароль вводить) оч надо было бы) знать)
@AliceWonder9845 ай бұрын
Шикарно объясняете. Очень жаль, что больше не выходят видео((
@ruslankolomiyets5 ай бұрын
Угар, подарили на др лего, сел собирать, вспомнил что у Вадима была трансляция, на которой не смог побыть, но хотел, включил смотреть паралельно, а он тоже лего собирает)))
@vladcid39386 ай бұрын
так и не увидел в шоуноутах сериал а хотелось бы узнать
@pepelsbey5 ай бұрын
Добавил в шоуноуты: Valley of the Boom
@user-ik8rn3lp7u6 ай бұрын
Маленький коптер - это Ingenuity («Индженьюити»[12]; с англ. - «Изобретательность») - беспилотный роботизированный вертолёт НАСА
@orazaliorazali10006 ай бұрын
Благодарю!
@nyanyasha60416 ай бұрын
Спасибо, что делитесь с нами своими знаниями и опытом!!!❤
@timashoff6 ай бұрын
Спасибо большое! как же не хватает новых видео сейчас(
@adammalec93156 ай бұрын
Очень крутая серия эфиров. Много интересных подходов и идей. Радует что Вадим топит за чистый css, без вот всякого необязательного типа препроцессоров и сторонних либ - санитар верстки)) ps: во избежания очепяток по коду (типа описки в именовании классов) сам использую расширение Spell Checker в VSCod
@erega746 ай бұрын
Классное видео и очень полезное👍
@user-du1gu1qw2q6 ай бұрын
Светлая тема
@vyacheslavvasilev17766 ай бұрын
Спасибо за подробное и четкое объяснение!
@mrin06 ай бұрын
!Всё. Пробелы для меня умерли.
@alexposp77106 ай бұрын
Спасибо!
@nefed-L7 ай бұрын
Боже! Это клад, а не видео!
@user-ie2ci1cl3c7 ай бұрын
Спасибо! Помогли!!
@rtyuijhgfdfghj47267 ай бұрын
Спасибо больше! Узнал много нового. Оч жду следующий лайв!
@dmitriymedvedev707 ай бұрын
Вадим, спасибо Вам за этот обзор! Все отлично объяснено!⚡
@dmitriymedvedev707 ай бұрын
Доброго времени суток! К сожалению довольно поздно посмотрел видео... Всё понятно, но скажите, как редактировать этот файл .editconfig? Где он лежит изначально? Его необходимо отредактировать в расширении EditorConfig for Visual Code?
@dmitriymedvedev707 ай бұрын
Отбой! Понял как! Надо самому создать файл ".editorconfig" и в нем прописать необходимые инструкции. Потом это файл "забросить" в корень проекта. Спасибо! Отличное видео.
@user-gs7xn9mk7j7 ай бұрын
Вадим, Вы сказали, что используете принцип Mobile First. Но ведь width<1230px - этому не соответствует, как я понимаю. Т.е. должно быть наоборот: width>320px, например. Или я не права?
@pepelsbey7 ай бұрын
Mobile first здесь значит, что я начинаю думать с мобильных. Но вы правы, я пишу стили так, чтобы они не утекали дальше положенных им вьюпортов. Это и не mobile first, и не desktop first. Я пока не придумал, как это назвать, но уже пишу статью про это :)
@user-gs7xn9mk7j7 ай бұрын
@@pepelsbey Вадим, спасибо большое за ответ! Буду ждать статью! :).
@user-nc4jn1vc2j7 ай бұрын
Вадим, привет! Спасибо за стрим! Почему иконки не через спрайт?
@pepelsbey7 ай бұрын
Спрайты это шаг по оптимизации, так что я решил не тратить на это время - уже это сделал в лайве с главной Гугла. Но так-то надо, да :)
@RastegaevDienis7 ай бұрын
Привіт друже! Дякую що ти продовжуєш робити добрий контент.
Пікірлер
Дякую
восторг!
Все тааак детально рассказано, что не понять не возможно. Это настоящий педагогический талант. Спасибо огромное!
Это топ контент, спасибо большое!
очень круто ) где можно обучится этому ,чтоб делать все самомоу ? или с чего начать ,с изучения JS?
комментарий в поддержку автора видео спасибо, всё работает жаль с бротли не осилил. Но в целом запустить сервер удалось!
пришлось посмотреть 5 раз это видео + читать статьи. очень помогло! спасибо , Вадим!
Вадим, большое спасибо! Пожалуйста продолжай, очень ждем новое видео!
А можно спрятать через opacity: 0; ?
Да, вполне. На момент записи этого видео, это бы ещё не очень надёжный способ. А сейчас уже норм.
2024 год, Ubuntu 22.04.4 LTS (GNU/Linux 6.5.0-1017-aws x86_64), все работает, инструкция актуальна. Вадим, гигантское спасибо - благодаря тебе впервые в жизни поднял сервер на инстанс aws безо всяких плясок с бубном. Обнаружил опечатку в текстовом файле. Файл 1-server. md, между 12 и 13 блоками кода: "Найти блоки config.env.nginx config.env.nginx_debug" - видимо не env, а status
А что же делать с lazy load? Как к этой красоте прикрутить отложенную загрузку изображений? При чем нужен правильный lazy, при котором в src будет не пустота а реальное изображение?
Ценности в отложенной загрузки изображений особенно нет - они и так не блокируют рендеринг, в отличие от контентных. Ну разве что если вам нужно показать какой-то плейсхолдер вместо тяжёлой картинки. Но думаю это вполне можно сделать множественными фонами.
Вчера пытался реализовать. Накостылял через list_menu > ul > li
Вадим, как всегда отличный контент, спасибо большое!
9:26 картинка-то может и меньше как внешний ресурс, но во что нам обходится отдельный запрос к серверу?
Вадим, привет! Сталкивался ли ты с проблемой подключения клавиатуры Keychron k3 pro к windows чз блютуз? Комп подключает клаву, но отлкика никакого нет....
Так здорово это видеть ! Красота! Благодарю за контент
очень интересное видео!!
Подскажите пожалуйста, почему вы не стали добавлять в поле поиска две иконки(кнопки) методом before и after ?
Потому, что это интерактивные кнопки: на них нужно повесить обработчики событий, они должны фокусироваться с клавиатуры.
@@pepelsbey благодарю, не знал, что при использовании бефо и афтер перестанет фокусироваться.
Привет Вадим! Только добрался до лайва, позалипал в фоновом режиме, и самому захотелось купить конструктор) Спасибо! Такой вопрос, в телеграмме ты частенько заливаешь фото своего крутого рабочего места, но списка названий и моделей так нигде и не видел 🥲 Подскажи, пожалуйста, есть ли где-то такой список? Больше всего интересует монитор и клавиатура… и другая техника тоже) Хотелось бы посравнивать с тем что имею сам, давно хочу обновиться.
Списка нет, никогда не приходило в голову его собрать. Если коротко: монитор Apple Studio Display, клавиатура по настроению из коллекции, последнее время всё чаще Keychron Q1. Подробнее могу на следующем лайве рассказать - только дострою студию в новой квартире. Надо дособирать марсоход!
@@pepelsbeyСпасибо Вадим! Обязательно прийду на следующий лайф для уточнений))
какая же качественная подача! спасибо!
они не согласились))
Это жёстко. Как это запомнить все?)
Стоит добавить, что npm ci на пайплайне будет работать только в том случае, если репозиторий содержит package-lock.json. В противном случае будет сваливаться в EUSAGE ошибку.
Спасибо огромное! Очень помог разобраться!
Огромное спасибо. Недавно переписывал сайт который был сверстан на таблицах еще в 2008 году взрыв мозга..
супер ! все просто и понятно
Благодарю! Хорошо что сейчас image-set уже отлично поддерживается браузерами)
Расскажите как через vds получать доступ к своим домашним серверам! Это интересней!
7:18 аааа почему он не будет спрашивать пароль? или как это сделать? это видимо с ключом? а то запарило вечно пароль вводить) оч надо было бы) знать)
Шикарно объясняете. Очень жаль, что больше не выходят видео((
Угар, подарили на др лего, сел собирать, вспомнил что у Вадима была трансляция, на которой не смог побыть, но хотел, включил смотреть паралельно, а он тоже лего собирает)))
так и не увидел в шоуноутах сериал а хотелось бы узнать
Добавил в шоуноуты: Valley of the Boom
Маленький коптер - это Ingenuity («Индженьюити»[12]; с англ. - «Изобретательность») - беспилотный роботизированный вертолёт НАСА
Благодарю!
Спасибо, что делитесь с нами своими знаниями и опытом!!!❤
Спасибо большое! как же не хватает новых видео сейчас(
Очень крутая серия эфиров. Много интересных подходов и идей. Радует что Вадим топит за чистый css, без вот всякого необязательного типа препроцессоров и сторонних либ - санитар верстки)) ps: во избежания очепяток по коду (типа описки в именовании классов) сам использую расширение Spell Checker в VSCod
Классное видео и очень полезное👍
Светлая тема
Спасибо за подробное и четкое объяснение!
!Всё. Пробелы для меня умерли.
Спасибо!
Боже! Это клад, а не видео!
Спасибо! Помогли!!
Спасибо больше! Узнал много нового. Оч жду следующий лайв!
Вадим, спасибо Вам за этот обзор! Все отлично объяснено!⚡
Доброго времени суток! К сожалению довольно поздно посмотрел видео... Всё понятно, но скажите, как редактировать этот файл .editconfig? Где он лежит изначально? Его необходимо отредактировать в расширении EditorConfig for Visual Code?
Отбой! Понял как! Надо самому создать файл ".editorconfig" и в нем прописать необходимые инструкции. Потом это файл "забросить" в корень проекта. Спасибо! Отличное видео.
Вадим, Вы сказали, что используете принцип Mobile First. Но ведь width<1230px - этому не соответствует, как я понимаю. Т.е. должно быть наоборот: width>320px, например. Или я не права?
Mobile first здесь значит, что я начинаю думать с мобильных. Но вы правы, я пишу стили так, чтобы они не утекали дальше положенных им вьюпортов. Это и не mobile first, и не desktop first. Я пока не придумал, как это назвать, но уже пишу статью про это :)
@@pepelsbey Вадим, спасибо большое за ответ! Буду ждать статью! :).
Вадим, привет! Спасибо за стрим! Почему иконки не через спрайт?
Спрайты это шаг по оптимизации, так что я решил не тратить на это время - уже это сделал в лайве с главной Гугла. Но так-то надо, да :)
Привіт друже! Дякую що ти продовжуєш робити добрий контент.