Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 14–20 ноября.

🔥 Лучшие статьи недели

Новые CSS-фичи и функции за октябрь: анимированные гриды, проверка возможностей шрифтов, прокрутка до текстового фрагмента.

Эволюция CSS за 32 года.

Вышли обновления для курса по доступности от web.dev.

Github представил два новых шрифта: Mona Sans и Hubot. Оба вариативные и с открытым исходным кодом.

Новые шрифты от GitHub

💫 Релизы недели

Firefox 107

TypeScript 4.9

Angular 15.0.0

Node v19.1.0

Deno 1.28 с поддержкой npm-пакетов.

🖌 HTML и CSS

Список всех возможных CSS-свойств, типов и медиавыражений.

Разница между :where, :is и :has.

Эволюция масштабирования в CSS.

Математика вложения закруглённого угла. Главное — внутреннее закгруление не должно повторять внешнее.

See the Pen Nested Radius Calculator by Paul Hebert (@phebert) on CodePen.

Продвинутые анимации на CSS.

Почему мы не можем использовать кастомные свойства в url().

Стиль родительского элемента в зависимости от количества дочерних.

«Анатомияvisually-hidden». Вспомните, почему у класса .visually-hidden такое наполнение.

Маскированный градиент.

Стильные и настраиваемые полосы прокрутки с помощью CSS.

Шкала для выбора размера шрифтов на сайте.

Шкала для выбора размера шрифтов на сайте

🏗 JavaScript

Github вроде бы перешёл на рендеринг фронта с помощью React. Обсуждение.

React Three Fiber. Шейдеры и рендеринг частиц.

Шейдеры и рендеринг частиц

Пошаговый рефакторинг React-приложения с удалением кода и улучшением структуры данных.

Использование React-компонентов с TypeScript.

Использование серверных React-компонентов с Next.js 13.

Увеличение скорости декодирования UTF-8 на 246% в Node.js.

🚶 Доступность

Руководство по специальным возможностям клавиатуры: HTML и CSS.

Что нового в WCAG 2.2.

Прошлые выпуски