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

https://web.dev/building-an-adaptive-favicon/

File System Access API в рамках ориджина. Разработчики WebKit о принципах работы API для доступа к файловой системе в Safari: можно создавать, открывать, читать и записывать файлы и папки, но только в приватной песочнице каждого сайта.

https://webkit.org/blog/12257/the-file-system-access-api-with-origin-private-file-system/

Готовы результаты опроса State of JavaScript 2021, в котором приняли участие больше 16 000 разработчиков со всего мира. Демография, возможности, библиотеки, инструменты, ресурсы, взгляды и другое.

Результаты https://2021.stateofjs.com/ru-RU/
Устройство опроса https://dev.to/sachagreif/whats-new-in-the-2021-state-of-javascript-survey-4eej

Как тестировать на телефонах и эмуляторах. Вадим Макеев показывает, как дебажить веб-страницы на Android- и iOS-устройствах и как обойтись без реальных устройств, используя эмуляторы в Xcode и Android Studio.

https://youtu.be/71qnSzSjCyY

Adobe Photoshop начал нативно поддерживать формат графики WebP, начиная с февральского обновления до версии 23.2. Для более ранних версий есть плагин WebPShop, добавляющий поддержку формата.

https://helpx.adobe.com/photoshop/kb/support-webp-image-format.html

Выпуск №322: Андрей Мелихов, Маша Просвирнина, Юля Миоцен, Вадим Макеев про Express, WebP в Photoshop, чарты в маркдауне, фултайм Eleventy, тег layer, кривые Безье, React Native и State of JS.

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

00:01:07 События
00:04:03 Новости Express
00:08:25 WebP в Photoshop
00:19:10 Чарты в маркдауне
00:25:00 Фултайм Eleventy
00:35:53 Забытый тег layer
00:43:33 Кривые Безье
00:49:27 React Native
00:56:11 State of JS

Все способы создания веб-компонента. Сравнение стиля кода, размера бандла и производительности для 61 способа написания веб-компонентов.

https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/

Сравниваем JavaScript в Node.js и в браузере. Хью Хейворт про то, как отличаются подходы к коду для разных сред: синхронность и асинхронность, колбэки и промисы, async/await, примеры для SQLite и специфичные API Node.js.

https://css-tricks.com/node-javascript-compared-to-javascript/

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

https://ishadeed.com/article/flexbox-separator/

100-е версии Chrome и Firefox. Браузеры, которые в ближайшие месяцы достигнут первой трёхзначной версии, напоминают разработчикам проверить совместимость с новым юзер-агентом и рассказывают о своих стратегиях.

Chrome https://web.dev/chrome-firefox-100/
Firefox https://hacks.mozilla.org/2022/02/version-100-in-chrome-and-firefox/

Декларативная валидация данных с помощью функционального программирования и rule-based подхода. Саша Беспоясов делится принципом, который помогает писать поддерживаемый и расширяемый код для валидации.

https://bespoyasov.ru/blog/declarative-rule-based-validation/

a11yphant. Студенческий проект для изучения основ веб-доступности с пошаговым выполнением заданий.

https://a11yphant.com/

Как сделать наклонённые контейнеры при помощи CSS. Дэйв Сейдман показывает, как он наклонил главную колонку на своём сайте, оставив контент читаемым.

https://css-tricks.com/css-slanted-containers/

Выпуск №323: Алексей Симоненко, Вадим Макеев, Андрей Мелихов про возвращение и смысл, Media Queries и Container Queries, релиз-ноуты V8, бету Safari 16, Telegram и веб, мир без паролей и IE, который снова всё.

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

00:05:00 Понятные Media Queries
00:10:17 Релиз-ноуты V8 всё
00:14:37 Бета Safari 16
00:26:29 Container Queries
00:36:18 Telegram защитник веба
00:46:53 Мир без паролей
00:58:08 Что попросить у Safari
01:03:27 IE снова всё

Выпуск №324: Юля Миоцен, Алексей Симоненко, Андрей Мелихов, Никита Дубко, Вадим Макеев про Chrome 103 и 104, селектор :has, MathML, Defensive CSS, карточку-ссылку, дизайн-токены, ES2022 и GitHub Copilot.

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

00:01:38 Chrome 103
00:09:57 Бета Chrome 104
00:26:45 Зачем :has
00:33:13 MathML в Chrome
00:43:09 Defensive CSS
00:49:54 Порядок фокуса
01:00:55 Карточка-ссылка
01:10:46 Дизайн-токены
01:16:03 Красивое
01:19:08 ES 2022
01:28:35 GitHub Copilot

Выпуск №325: Алексей Симоненко, Юля Миоцен, Никита Дубко, Вадим Макеев про Safari и WebKit, Model для 3D, Firefox 102, интервенции, DevTools, HTML без фантазий и Color.js.

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

00:01:39 Safari TP
00:15:04 WebKit на GitHub
00:25:09 Model для 3D
00:33:17 Firefox 102
00:46:40 Браузеры
00:56:25 Интервенции
01:02:18 DevTools
01:11:08 HTML без фантазий
01:21:51 Color.js