00:02:01 События
00:07:05 25 лет CSS
00:12:26 State of CSS 2021
00:24:02 Safari 15.2
00:28:28 Отладка утечек
00:38:23 Кастомный select
00:46:24 DOM и AOM
00:55:05 Итоги Compat 2021
00:59:32 Минское сообщество

Tailwind CSS v3.0. Адам Уотан рассказывает про новые возможности и улучшения: мультиколоночная раскладка, API для aspect-ratio, нативная стилизация форм, движок JIT, Play CDN и другие.

https://tailwindcss.com/blog/tailwindcss-v3

Невидимый бэкдор в JavaScript. Вольфганг Эттлингер показывает, как невидимые Юникод-символы могут быть использованы для совершения атаки гомоглифами.

https://certitude.consulting/blog/en/invisible-backdoor/

Управляйте запуском приложения. Томас Штайнер рассказывает про Launch Handler API, который позволит PWA изменять поведение по умолчанию для триггеров запуска приложения.

https://web.dev/launch-handler/

Bento — новые лёгкие универсальные компоненты от создателей проекта AMP. Аккордеон, карусель, галерея, карточка, плеер, шэринг, виджеты соцсетей и сервисов и другие. Компоненты поставляются в двух версиях: как нативные веб-компоненты или для React.

https://bentojs.dev/blog/introducing-the-bento-components-library/

Курс «Learn Responsive Design» Джереми Кита на web.dev теперь готов полностью. В курсе 15 глав про медиавыражения, интернационализацию, макро- и микрораскладки, типографику, адаптивную графику, темизацию, доступность и многое другое.

https://web.dev/learn/design/

Как нарисовать искривлённые линии между прямоугольниками. Александр Ванг реализует пакет curved-arrows с помощью кривых Безье, React и SVG.

https://dragonman225.js.org/curved-arrows.html

Работа с веб-лентами. Фараи Гандия объясняет разницу между RSS, Atom и JSON Feed и показывает, как их реализовать для сайта.

https://css-tricks.com/working-with-web-feeds-its-more-than-rss/

Выпуск №314: Денис Ушаков, Андрей Мелихов, Вадим Макеев, Валентин Фондаратов про Safari TP, линтер на C++, курс и книгу, CRA 5, быстрый Rust, глубокое копирование, юникодный бэкдор и Fleet.

Слушайте на Ютубе https://youtu.be/tHfCBwvAjng
Ссылки на сайте https://web-standards.ru/podcast/314/

00:02:33 Safari TP 137
00:06:34 Линтер на C++
00:13:15 Адаптивность и паттерны
00:16:01 Create React App 5
00:18:25 NAPI и Rust
00:24:12 Глубокое копирование
00:27:41 Быстрый Rust
00:39:11 Юникодный бэкдор
00:45:35 Зачем Fleet
01:09:01 Новая платформа JB

Методы использования SVG-иконок. Хуэй Цзин Чэнь погружается в способы реализации SVG-иконок на странице и разбирает их особенности.

https://chenhuijing.com/blog/the-many-methods-for-using-svg-icons/

Псевдокласс :has() — не только «родительский селектор». Илья Стрельцын делится примерами применения псевдокласса и рассказывает об особенностях текущей реализации.

https://css-live.ru/css/psevdoklass-has-ne-tolko-roditelskij-selektor.html

CSS в 2022. Брамус Ван Дамм делится своими мыслями о том, появления каких CSS-фичей мы можем ожидать в браузерах в 2022 году.

https://www.bram.us/2021/12/27/css-in-2022/

Генерация цветовой палитры в CSS. Сурма и Джейк Арчибальд разговаривают о возможностях устройств, однородные для восприятия цветовые пространства, смешивание цветов и вычисления контраста в CSS.

https://youtu.be/Uh95jZPTDfw

Разбираемся в рендеринге Jamstack. Брайан Ринальди разбирается, какие типы рендеринга бывают и зачем генераторам статики серверный или отложенный рендеринг. С примерами для Next.js, но применимо и к Gatsby 4, Nuxt 3 и другим.

https://bejamas.io/blog/understanding-rendering-in-the-jamstack/

Пакетные менеджеры: есть ли жизнь за пределами npm? Доклад Валентина Семирульника с конференции Podlodka Frontend Crew. Сравнение вариантов, зачем уходить с npm и как это можно сделать.

https://youtu.be/RAFFHpjrwAs

Как учитывать prefers-color-scheme в CSS Paint API с помощью кастомных свойств. Джереми Вагнер показывает на примере генерируемого фона страницы.

https://css-tricks.com/honor-prefers-color-scheme-in-the-css-paint-api-with-custom-properties/

Remix: руководство по новому опенсорс React-фреймворку. Атхарва Деостхале в переводе на Хабре рассказывает про плюсы и минусы фреймворка и показывает, как собрать простое Remix-приложение.

https://habr.com/ru/company/kts/blog/598071/

Кастомный инпут-слайдер. Алисса Холланд показывает, как стилизовать слайдер, чтобы он выглядел одинаково во всех популярных браузерах, и делится инструментом генерации CSS для такой стилизации.

https://www.smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/

<video>, запросы HTTP Range и WHATWG-стримы. Сурма комбинирует Perkeep и работающие в Deno WHATWG-стримы для добавления поддержки запросов за диапазонами в видео.

https://surma.dev/things/range-requests/