Выходим за рамки. Патрик Броссет показывает, как всего 30 пикселей и новый ключ display_override в PWA-манифесте в сочетании с env-переменными делают из «установленных сайтов» настоящие приложения.

https://alistapart.com/article/breaking-out-of-the-box/

Анимация с вариативным шрифтом. Мэри Снопок показывает, как работать с осями в вариативных шрифтах на демо-примере.

https://habr.com/p/593725/

Выпуск №312: Андрей Мелихов, Вадим Макеев, Роман Байталов, Никита Дубко про новинки Firefox и Safari, Web Neural Network API, Turborepo, GitPod, вшитые node_modules и Деплойми.

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

00:01:00 События
00:02:10 Firefox 95
00:08:40 Safari TP 136
00:14:31 Web Neural Network API
00:19:15 Vercel + Turborepo
00:26:35 JetBrains в GitPod
00:34:10 Вшитые node_modules
00:49:18 Деплойми

19 видео с React Conf 2021: React 18, серверный рендеринг с Suspense, инструменты для разработчиков, документация, Relay, React Native Desktop, доступность, машинное обучение и другие.

https://youtube.com/playlist?list=PLNG_1j3cPCaZZ7etkzWA7JfdmKWT0pMsa

Создаём компонент «тост». Адам Аргайл показывает, как собрать адаптивный и доступный компонент для показа коротких сообщений пользователям.

https://web.dev/building-a-toast-component/

Отладка утечек памяти. Патрик Броссет анонсировал новый инструмент Detached Elements в Microsoft Edge, который поможет находить и исправлять утечки памяти в DOM.

https://blogs.windows.com/msedgedev/2021/12/09/debug-memory-leaks-detached-elements-tool-devtools/

Новинки Firefox 95 в обзоре Марата Таналина: атрибут inputmode на всех платформах, cursor для Android, elapsedTime объектов SpeechSynthesisEvent в секундах, browserSettings.overrideContentColorScheme для установки темы страницы и другие.

https://tanalin.com/blog/2021/12/firefox-95/

Язык разметки Markdown. Сергей Минаков подробно рассказывает в Доке про основы и вариации форматирования, стандартизацию и диалекты.

https://doka.guide/tools/markdown/

Вышел Safari 15.2, уже 3-й релиз браузера в этом квартале и 4-й в этом году. Среди новинок: улучшение WebAssembly, P3-цвета для Canvas, File System Access API, заголовки COOP/COEP для поддержки SharedArrayBuffer.

Анонс https://webkit.org/blog/12140/new-webkit-features-in-safari-15-2/
Изменения https://developer.apple.com/documentation/safari-release-notes/safari-15_2-release-notes

Опубликованы результаты опроса State of CSS 2021: 8714 участников, рост применения гридов и флексов, Bootstrap в лидерах, новые решения CSS-in-JS, взгляды на обучение и другие.

https://2021.stateofcss.com/ru-RU/

Спецификация CSS Scrollbars Styling Level 1 для стилизации полос прокрутки с помощью свойств scrollbar-color и scrollbar-width стала кандидатом в рекомендации (CR).

Спецификация https://www.w3.org/TR/css-scrollbars-1/
История https://www.w3.org/wiki/Css-scrollbars
Тесты на поддержку https://wpt.fyi/results/css/css-scrollbars?label=experimental&label=master&aligned

Полное дерево доступности в Chrome DevTools. Йохан Бэй объясняет, как создаётся это дерево и как его использовать в работе.

https://developer.chrome.com/blog/full-accessibility-tree/

Праздничное обновление Compat 2021. Марико Косака и Филипп Ягенстедт рассказывают об улучшениях соответствия тестам пяти ключевых областей: флексов, гридов, position: sticky, aspect-ratio и CSS-трансформаций.

https://web.dev/compat2021-holiday-update/

Statoscope: курс интенсивной терапии для вашего бандла. Сергей Мелюков рассказывает про свой инструмент для анализа webpack-бандлов и показывает, как его применять в проектах.

https://habr.com/p/595595/

Вышло мажорное обновление Create React App v5 с новыми возможностями и обновлёнными зависимостями: Webpack 5, Jest 27, ESLint 8, PostCSS 8, поддержка Tailwind, улучшение Fast Refresh и определения пакетных менеджеров, отказ от поддержки Node.js 10 и 12.

https://github.com/facebook/create-react-app/releases/tag/v5.0.0

Вышла бесплатная книга «Learning Patterns» Лидии Хейли и Эдди Османи про паттерны разработки и перфоманса на JavaScript + React. 435-страничная книга доступна на сайте, в ePub или PDF.

https://www.patterns.dev/

Глубокое копирование в JavaScript с помощью structuredClone. Сурма объясняет, чем поверхностное копирование отличается от глубокого, напоминает трюки с JSON и cloneDeep и рассказывает про новую функцию, уже доступную в ночных сборках всех браузеров.

https://web.dev/structured-clone/

Документирование и визуализация API с помощью Swagger. Игорь Агапов разрабатывает простой Express-сервер для обработки CRUD-запросов и прикручивает к нему автогенерируемую документацию.

https://habr.com/p/594081/

Выпуск №313: Никита Дубко, Саша Шинкевич, Глаша Жур, Вадим Макеев про 25 лет CSS, Safari 15.2, отладку утечек в JS, кастомный select, DOM и AOM, Compat 2021 и минское сообщество.

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