Baseline: май 2026

Вот важная новость с фронта ИИ: nikolayshabalin 14 минут назад Baseline: май 2026 6 мин 610 CSS * JavaScript * Веб-разработка * HTML * Обзор Уже почти июнь подходит к концу, а я так и не выпустил эту статью. Обзор на браузерные API, которые стали Widely available в мае 2026. Раз в месяц я буду вам напоминать, что вы уже можете использовать в проде.

Каждый месяц выходят новые CSS-свойства, HTML-атрибуты, JavaScript-методы и WebAPI, но применять в проде мы их конечно же не будем. 5 года назад также каждый месяц выходили новые фичи в браузере, а вот их уже пора начинать применять. Как мы понимаем, что уже можно использовать в проде?

Технические детали

У каждой компании, да что уж там компании, у каждой команды в компании своя методика принятия решения о внедрении той или иной фичи в проекте. Общий же сценарий выглядит так:- Посмотрели в пользовательские метрики. Поняли какими браузерами и их версиями в основном пользуются пользователи проекта;- Заглянули в caniuse и поняли, какие фичи уже поддерживаются большинством браузеров;- Приняли решение о внедрении той или иной фичи в проект.

Какие-то команды позволяют себе указывать правило «последние три версии браузеров». У других специфика проекта — проект работает исключительно на iPad с Safari. Сами понимаете, все мы разные и требования разные, и у каждого свой подход.

Baseline позволяет немного упростить процесс принятия решения о внедрении той или иной фичи в проект. Если фича Widely available, значит она уже как минимум есть во всех основных браузерах и стабильно поддерживается последние 2. О проблемах с перформансом уже можно не думать как о проблеме.

Отраслевые последствия

Какие фичи в вебе стали Widely available в марте 2026? lh/rlh unitUser activationClip path boxed:user-valid и :user-invalid1. lh/rlh unitЕдиницы lh и rlh — это относительные единицы измерения длины, зависящие от метрик шрифта.

* lh — равна значению свойства line-height элемента, на котором она используется, переведённому в абсолютные единицы (пиксели). rlh (root lh) — равна значению единицы lh на корневом элементе документа (). Чтобы понять lh/rlh быстрее, то можете вспомнить как работает em/rem.

lh/rlh работает точно также только от line-height, а не font-size. Синтаксис<число>lh или <число>rlh (например, 1lh, 2. Примеры использования1.

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.