Выпуск №282. Никита Дубко, Александра Шинкевич, Андрей Мелихов, Ольга Алексашенко про Rome, CloudFront Functions, кроссбраузерность, has() и другой современный CSS, мониторинг и GDE.
00:01:07 Компания Rome 00:05:38 CloudFront Functions 00:13:31 Кроссбраузерность 00:27:06 Can I has 00:31:45 Container Queries 00:39:03 Скроллер из будущего 00:44:27 Кастомные свойства 00:54:27 Мониторинг фронтенда 01:05:37 Александра и GDE
Можно ли использовать :has()? Брайан Карделл рассказывает о работе Igalia над исследованием производительности псевдокласса, проверяющего вложенные селекторы, и делится планами о его реализации в браузерах.
Design is Frontend. Онлайн-конференция Affinage на стыке дизайна и вёрстки пройдёт 2 июня. Программа посвящена развитию джуниора в синьоры: условия для роста в синьоры, развитие дизайнера для проектной команды, темпы роста и обучение на работе.
Оптимизация метрик Web Vitals с помощью Lighthouse. Эдди Османи показывает возможности инструментов для работы с метриками производительности сайтов и рекомендует некоторые решения. В переводе на «Веб-стандартах».
Поддержка не-неизвестного. Мириам Сюзан объясняет сложности внедрения в CSS синтаксиса отрицания неподдержки фичей через директиву @supports для написания фолбеков для старых браузеров.
Скроллер. Адам Аргайл показывает, как, используя современные возможности CSS, собрать адаптивный и доступный компонент горизонтальной галереи карточек со скроллом.
Learn CSS. Вечнозелёный курс и справочник на Web.Dev, который поможет разобраться в CSS. 24 пополняемых раздела (от блочной модели до режимов смешивания) с примерами кода, демками и подкастом Юны Кравец и Адама Аргайла про CSS.
Server-Sent Events. Андрей Мелихов рассказывает о способе односторонне передавать данные с сервера на клиент небольшими порциями продолжительное время без использования веб-сокетов.
Сравнение стратегий оптимизаций изображений. Дэвид Уолш сравнивает различные способы: ручную адаптивную разметку через srcset, оптимизацию во время сборки, отправку оптимальных для браузера форматов, использование знаний об устройстве пользователя.
Вышел Sublime Text 4. Среди новинок: обновлённый интерфейс, улучшенная работа со сплитами, контекстный автокомплит, поддержка TS, JSX, TSX, улучшенная подсветка и другие. Новая система лицензий позволяет получать обновления в течение 3 лет с покупки.
Все доклады про веб-технологии с конференции Google I/O 2021: Web Vitals, веб-компоненты, DevTools для дизайнеров, приватный веб, PWA, проект Fugu, Angular и другие темы в отдельном плейлисте.
Создание WYSIWYG с нуля. Шалабх Вьяс собирает на React редактор текстов с поддержкой форматирования, работы с изображениями и ссылками, при помощи библиотеки SlateJS.
Выпуск №283. Полина Гуртовая, Юля Миоцен, Вадим Макеев, Алёна Батицкая про Sublime Text 4, Sass, Svelte после React, Container Queries, Learn CSS, Google I/O и новых GDE.
00:02:10 События 00:07:19 Sublime Text 4 00:14:04 Совместимый Sass 00:17:09 Svelte после React 00:24:17 Container Queries 00:31:35 Learn CSS 00:41:00 Google I/O 00:53:14 Гибридные команды 01:02:29 Новые GDE 01:16:07 Зачем GDE