Веб-стандарты. Страница 47

Современные решения для старых CSS-задач. Серия статей Стефани Эклз с практическими примерами вёрстки популярных в интерфейсах компонентов — https://moderncss.dev/

Постоянное хранилище. Пит Лепаж рассказывает про API, позволяющий попросить браузер не удалять данные из браузерных хранилищ — https://web.dev/persistent-storage/

Визуализатор для SVG Path. Матье Дутур собрал инструмент, объясняющий и показывающий каждый шаг внутри path в SVG — https://svg-path-visualizer.netlify.app/

Инструменты доступности для дизайнеров и разработчиков. Лиза Дзюба делится подборкой инструментов, помогающих автоматизировать работу с доступностью на сайтах и в приложениях — https://uxdesign.cc/accessibility-tools-for-designers-and-developers-ea400a415c0a

Deno 1.0. Разработчики среды выполнения для JavaScript и TypeScript рассказывают об её особенностях, отличиях от Node.js и планах по развитию — https://deno.land/v1

Коротко о том, что такое Deno https://youtu.be/F0G9lZ7gecE

Оптимизация метрики First Input Delay. Хуссейн Джирде и Эдди Османи рассказывают, как помочь приложению быстрее реагировать на попытки пользователя с ним взаимодействовать — https://web.dev/optimize-fid/

Как работать с DOM на ванильном JavaScript. Коллекция коротких сниппетов Нгуена Хуу Фуока для решения распространённых задач — https://htmldom.dev/

Обзор инструментов для JS и TS. Рейнис Ивановс делится списком инструментов для сборки и разработки на JavaScript и TypeScript с кратким описанием каждого — https://tooling.js.org/

Оптимизация метрики Cumulative Layout Shift. Эдди Османи показывает, как избежать внезапных сдвигов при загрузке страницы, чтобы улучшить пользовательский опыт — https://web.dev/optimize-cls/

Opium.Fill — стандартизация цветовой схемы глазами программиста. Денис Элиановский делится концепцией управления цветами в проектах — https://habr.com/p/499202/

Краткий обзор статического генератора сайтов Eleventy: основные концепции, установка, настройка и начало работы — https://www.digitalocean.com/community/tutorials/js-eleventy

Оптимизация метрики Largest Contentful Paint. Хуссейн Джирде объясняет смысл и важность метрики и даёт советы, как улучшить её значение — https://web.dev/optimize-lcp/

00:01:00 События
00:03:58 Новости браузеров
00:13:05 Web Vitals
00:23:36 Хранилища в браузерах
00:32:37 Logical assignment в V8
00:37:51 Github Codespaces
00:47:00 Непонятные min и max
00:54:28 Наша ответственность

Выпуск №229: Новости Chrome, Firefox и V8, Web Vitals, GitHub Codespaces, minmax, наша ответственность. Слушайте на Ютубе https://youtu.be/TG0RAmf_tYA, читайте на Медиуме https://medium.com/p/722b92c39c12

Глубокое погружение в CSS-свойство contain. Трэвис Алманд объясняет, как свойство contain помогает оптимизировать рендеринг страницы и показывает, какие у него есть интересные особенности — https://css-tricks.com/lets-take-a-deep-dive-into-the-css-contain-property/

CSS-находки в разметке Твиттера. Ахмад Шадид делится найденными в коде Твиттера необычными решениями — https://ishadeed.com/article/twitter-css/

Приключения Masonry-раскладки в CSS. Илья Стрельцын разбирает историю раскладки Masonry, какие её виды существуют и какое будущее её ждёт в рамках спецификаций CSS — https://css-live.ru/css/priklyucheniya-masonry-raskladki-v-css.html

Новинки Firefox 76: аудио-ворклеты, улучшения в DevTools, панель Compatibility, блокировка ресурсов по неизвестным протоколам через изменение location.href и другие. Подробнее в обзорах:

Марата Таналина https://tanalin.com/blog/2020/05/firefox-76/
Криса Миллса https://hacks.mozilla.org/2020/05/firefox-76-audio-worklets-and-other-tricks/