Тёмный
Вадим Макеев
Вадим Макеев
Вадим Макеев
Подписаться
Фронтендер, влюблённый в веб, браузеры, велосипеды и подкастинг. Ведущий подкастов «Веб-стандарты», The F-Word и «Любимые пластинки». Google Developer Expert 📍Живу в Берлине.
Комментарии
@amirfarkhadov5926
@amirfarkhadov5926 14 дней назад
Вадим, большое спасибо! Пожалуйста продолжай, очень ждем новое видео!
@E.One1
@E.One1 25 дней назад
А можно спрятать через opacity: 0; ?
@pepelsbey
@pepelsbey 19 дней назад
Да, вполне. На момент записи этого видео, это бы ещё не очень надёжный способ. А сейчас уже норм.
@AlekseyKnyazev-zj7hq
@AlekseyKnyazev-zj7hq Месяц назад
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
@clleoweb4083
@clleoweb4083 Месяц назад
А что же делать с lazy load? Как к этой красоте прикрутить отложенную загрузку изображений? При чем нужен правильный lazy, при котором в src будет не пустота а реальное изображение?
@pepelsbey
@pepelsbey 19 дней назад
Ценности в отложенной загрузки изображений особенно нет - они и так не блокируют рендеринг, в отличие от контентных. Ну разве что если вам нужно показать какой-то плейсхолдер вместо тяжёлой картинки. Но думаю это вполне можно сделать множественными фонами.
@AvocadoVHS
@AvocadoVHS Месяц назад
Вчера пытался реализовать. Накостылял через list_menu > ul > li
@Shark956
@Shark956 Месяц назад
Вадим, как всегда отличный контент, спасибо большое!
@parahumanoid
@parahumanoid Месяц назад
9:26 картинка-то может и меньше как внешний ресурс, но во что нам обходится отдельный запрос к серверу?
@enfllome8830
@enfllome8830 2 месяца назад
Вадим, привет! Сталкивался ли ты с проблемой подключения клавиатуры Keychron k3 pro к windows чз блютуз? Комп подключает клаву, но отлкика никакого нет....
@user-qn8oq8wq7n
@user-qn8oq8wq7n 2 месяца назад
Так здорово это видеть ! Красота! Благодарю за контент
@monieKidd
@monieKidd 2 месяца назад
очень интересное видео!!
@tvoidrug2540
@tvoidrug2540 2 месяца назад
Подскажите пожалуйста, почему вы не стали добавлять в поле поиска две иконки(кнопки) методом before и after ?
@pepelsbey
@pepelsbey 2 месяца назад
Потому, что это интерактивные кнопки: на них нужно повесить обработчики событий, они должны фокусироваться с клавиатуры.
@tvoidrug2540
@tvoidrug2540 2 месяца назад
@@pepelsbey благодарю, не знал, что при использовании бефо и афтер перестанет фокусироваться.
@VladyslavZubko69
@VladyslavZubko69 3 месяца назад
Привет Вадим! Только добрался до лайва, позалипал в фоновом режиме, и самому захотелось купить конструктор) Спасибо! Такой вопрос, в телеграмме ты частенько заливаешь фото своего крутого рабочего места, но списка названий и моделей так нигде и не видел 🥲 Подскажи, пожалуйста, есть ли где-то такой список? Больше всего интересует монитор и клавиатура… и другая техника тоже) Хотелось бы посравнивать с тем что имею сам, давно хочу обновиться.
@pepelsbey
@pepelsbey 2 месяца назад
Списка нет, никогда не приходило в голову его собрать. Если коротко: монитор Apple Studio Display, клавиатура по настроению из коллекции, последнее время всё чаще Keychron Q1. Подробнее могу на следующем лайве рассказать - только дострою студию в новой квартире. Надо дособирать марсоход!
@VladyslavZubko69
@VladyslavZubko69 2 месяца назад
@@pepelsbeyСпасибо Вадим! Обязательно прийду на следующий лайф для уточнений))
@timashoff
@timashoff 3 месяца назад
какая же качественная подача! спасибо!
@user-ew4sp5kg6m
@user-ew4sp5kg6m 3 месяца назад
они не согласились))
@hfh194
@hfh194 3 месяца назад
Это жёстко. Как это запомнить все?)
@TheJustmeagain
@TheJustmeagain 3 месяца назад
Стоит добавить, что npm ci на пайплайне будет работать только в том случае, если репозиторий содержит package-lock.json. В противном случае будет сваливаться в EUSAGE ошибку.
@MaximLi_Game
@MaximLi_Game 3 месяца назад
Можно этот переключатель как то впихнуть в header ?
@user-sk1rh7yh7n
@user-sk1rh7yh7n 3 месяца назад
Спасибо огромное! Очень помог разобраться!
@progerlife6690
@progerlife6690 4 месяца назад
Огромное спасибо. Недавно переписывал сайт который был сверстан на таблицах еще в 2008 году взрыв мозга..
@Samy4Smart
@Samy4Smart 4 месяца назад
супер ! все просто и понятно
@Anatoli-bq1pe
@Anatoli-bq1pe 4 месяца назад
Благодарю! Хорошо что сейчас image-set уже отлично поддерживается браузерами)
@user-oh4xv9vf1h
@user-oh4xv9vf1h 4 месяца назад
Расскажите как через vds получать доступ к своим домашним серверам! Это интересней!
@nanoReload
@nanoReload 4 месяца назад
7:18 аааа почему он не будет спрашивать пароль? или как это сделать? это видимо с ключом? а то запарило вечно пароль вводить) оч надо было бы) знать)
@AliceWonder984
@AliceWonder984 4 месяца назад
Шикарно объясняете. Очень жаль, что больше не выходят видео((
@ruslankolomiyets
@ruslankolomiyets 4 месяца назад
Угар, подарили на др лего, сел собирать, вспомнил что у Вадима была трансляция, на которой не смог побыть, но хотел, включил смотреть паралельно, а он тоже лего собирает)))
@vladcid3938
@vladcid3938 5 месяцев назад
так и не увидел в шоуноутах сериал а хотелось бы узнать
@pepelsbey
@pepelsbey 4 месяца назад
Добавил в шоуноуты: Valley of the Boom
@user-ik8rn3lp7u
@user-ik8rn3lp7u 5 месяцев назад
Маленький коптер - это Ingenuity («Индженьюити»[12]; с англ. - «Изобретательность») - беспилотный роботизированный вертолёт НАСА
@orazaliorazali1000
@orazaliorazali1000 5 месяцев назад
Благодарю!
@nyanyasha6041
@nyanyasha6041 5 месяцев назад
Спасибо, что делитесь с нами своими знаниями и опытом!!!❤
@timashoff
@timashoff 5 месяцев назад
Спасибо большое! как же не хватает новых видео сейчас(
@adammalec9315
@adammalec9315 5 месяцев назад
Очень крутая серия эфиров. Много интересных подходов и идей. Радует что Вадим топит за чистый css, без вот всякого необязательного типа препроцессоров и сторонних либ - санитар верстки)) ps: во избежания очепяток по коду (типа описки в именовании классов) сам использую расширение Spell Checker в VSCod
@erega74
@erega74 5 месяцев назад
Классное видео и очень полезное👍
@user-du1gu1qw2q
@user-du1gu1qw2q 5 месяцев назад
Светлая тема
@vyacheslavvasilev1776
@vyacheslavvasilev1776 5 месяцев назад
Спасибо за подробное и четкое объяснение!
@mrin0
@mrin0 5 месяцев назад
!Всё. Пробелы для меня умерли.
@alexposp7710
@alexposp7710 5 месяцев назад
Спасибо!
@nefed-L
@nefed-L 6 месяцев назад
Боже! Это клад, а не видео!
@user-ie2ci1cl3c
@user-ie2ci1cl3c 6 месяцев назад
Спасибо! Помогли!!
@rtyuijhgfdfghj4726
@rtyuijhgfdfghj4726 6 месяцев назад
Спасибо больше! Узнал много нового. Оч жду следующий лайв!
@dmitriymedvedev70
@dmitriymedvedev70 6 месяцев назад
Вадим, спасибо Вам за этот обзор! Все отлично объяснено!⚡
@dmitriymedvedev70
@dmitriymedvedev70 6 месяцев назад
Доброго времени суток! К сожалению довольно поздно посмотрел видео... Всё понятно, но скажите, как редактировать этот файл .editconfig? Где он лежит изначально? Его необходимо отредактировать в расширении EditorConfig for Visual Code?
@dmitriymedvedev70
@dmitriymedvedev70 6 месяцев назад
Отбой! Понял как! Надо самому создать файл ".editorconfig" и в нем прописать необходимые инструкции. Потом это файл "забросить" в корень проекта. Спасибо! Отличное видео.
@AndCheb
@AndCheb 6 месяцев назад
Спасибо за идею организации файлов стилей, теперь буду внедрять этот подход своих проектах.
@user-gs7xn9mk7j
@user-gs7xn9mk7j 6 месяцев назад
Вадим, Вы сказали, что используете принцип Mobile First. Но ведь width<1230px - этому не соответствует, как я понимаю. Т.е. должно быть наоборот: width>320px, например. Или я не права?
@pepelsbey
@pepelsbey 6 месяцев назад
Mobile first здесь значит, что я начинаю думать с мобильных. Но вы правы, я пишу стили так, чтобы они не утекали дальше положенных им вьюпортов. Это и не mobile first, и не desktop first. Я пока не придумал, как это назвать, но уже пишу статью про это :)
@user-gs7xn9mk7j
@user-gs7xn9mk7j 6 месяцев назад
@@pepelsbey Вадим, спасибо большое за ответ! Буду ждать статью! :).
@user-nc4jn1vc2j
@user-nc4jn1vc2j 6 месяцев назад
Вадим, привет! Спасибо за стрим! Почему иконки не через спрайт?
@pepelsbey
@pepelsbey 6 месяцев назад
Спрайты это шаг по оптимизации, так что я решил не тратить на это время - уже это сделал в лайве с главной Гугла. Но так-то надо, да :)
@RastegaevDienis
@RastegaevDienis 6 месяцев назад
Привіт друже! Дякую що ти продовжуєш робити добрий контент.
@HEX_CAT
@HEX_CAT 6 месяцев назад
❤🎉❤🎉
@capstanfearless
@capstanfearless 6 месяцев назад
Вадим, привет. Я смотрю, ты не очень любишь использовать .sass или .scss ?
@pepelsbey
@pepelsbey 6 месяцев назад
Не то, чтобы люблю или не люблю. Но на данном этапе развития CSS и инструментов, я не понимаю, зачем мне Sass.
@thesweetlife843
@thesweetlife843 6 месяцев назад
@@pepelsbey как минимум чтоб структурировать код. Удобно делать вложенности, условия, миксины, и прочие плюхи которые дает sass
@pepelsbey
@pepelsbey 6 месяцев назад
Структурирую я импортами, вложенность есть. Условия и миксины мне не так сильно нужны, чтобы ради этого писать на другом языке. Как и вы, я очень любил Sass, но однажды попробовал стартовать новый проект без него и с тех пор не вернулся, незачем.
@thesweetlife843
@thesweetlife843 6 месяцев назад
@@pepelsbey окей, понял ! спасибо !
@pozytron-code
@pozytron-code 6 месяцев назад
@@pepelsbey а разве импорты не добавляют лишние запросы при обращении к стилям?
@frederickrentschler777
@frederickrentschler777 6 месяцев назад
Вадиму всего наилучшего! Опять не смог посмотреть, некогда было. Вадим, не удаляйте, пожалуйста, записи. )
@pepelsbey
@pepelsbey 6 месяцев назад
Все лайвы остаются, где были!
@St.Stepasha
@St.Stepasha 6 месяцев назад
После фразы "вы наверняка знаете..." (0:09) хочется сказать, что, если бы я знал, я бы и про editconfig не гуглил))
@nickswarden5893
@nickswarden5893 6 месяцев назад
GitHub Actions, SSH в пайплайне, сильно. Не надо такому учить, потом приходят и делают такую грязь. Прежде чем снимать обучающие видео - разберитесь в теме. Простые шаги: Сборка, тестирование, запаковка кода( артефакт ), доставка и это база.
@pepelsbey
@pepelsbey 6 месяцев назад
Всё классно, но забыли аргументацию почему так нельзя делать. Вот моя: это прекрасно работает для моих задач. Не работает для ваших? Поделитесь опытом, а не запрещайте мне делиться моим.