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

Metho. Джон Ранди объясняет, как расширять нативные типы JavaScript, добавляя новые методы в виде динамических свойств любому объекту. dev.to/jonrand…o-js-1lj

JavaScript для нетерпеливых программистов. Аксель Раушмайер делится новым изданием своей книги, в которой он рассказывает про важные фичи языка, включая возможности из ES2022. Доступна бесплатная онлайн-версия. https://exploringjs.com/impatient-js/

Цветные градиентные шрифты в формате COLRv1 появятся в Chrome 98. Новый улучшенный формат поддерживает градиенты, компоновку и смешивание, а также лучше реиспользует фигуры, что сильно уменьшает размер файлов, например, шрифтов для эмоджи. https://developer.chrome.com/blog/colrv1-fonts/

Восходящие звёзды JavaScript 2021. Ежегодный обзор JS-проектов из списка Best of JS, основанный на сравнении количества звёзд на GitHub за последние 12 месяцев. https://risingstars.js.org/2021/en

У библиотеки Preact появилось короткое руководство из десяти частей с интерактивными песочницами и заданиями. Руководство фокусируется на том, как быстро начать использовать Preact, но также касается принципов работы библиотеки. https://preactjs.com/tutorial/

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

Полное дерево доступности в Chrome DevTools. Йохан Бэй объясняет, как создаётся это дерево и как его использовать в работе. developer.chrome.com/blog/fu…ity-tree

Спецификация 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

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

Вышел Safari 15.2, уже 3-й релиз браузера в этом квартале и 4-й в этом году. Среди новинок: улучшение WebAssembly, P3-цвета для Canvas, File System Access API, заголовки COOP/COEP для поддержки SharedArrayBuffer. Анонс webkit.org/blog/12…ari-15-2 Изменения developer.apple.com/documen…se-notes

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

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

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

Создаём компонент «тост». Адам Аргайл показывает, как собрать адаптивный и доступный компонент для показа коротких сообщений пользователям. https://web.dev/building-a-toast-component/

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

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 Деплойми

Веб-стандарты - 312. Firefox и Safari, Web Neural Network API, Turborepo, GitPod…

audio/mpeg3

Выпуск №312: Андрей Мелихов, Вадим Макеев, Роман Байталов, Никита Дубко про новинки Firefox и Safari, Web Neural Network API, Turborepo, GitPod, вшитые node_modules и Деплойми. Слушайте на Ютубе https://youtu.be/gEtw6EtMDNE Ссылки на сайте https://web-standards.ru/podcast/312/

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