Статьи

Новые CSS-функции sibling-index() и sibling-count() возвращают порядковый номер элемента внутри родителя и общее число соседей — прямо в calc().

• css

Новый атрибут closedBy для HTML-элемента dialog позволяет декларативно управлять способами закрытия модального и немодального диалога.

• html
• dialog

Как с помощью attribution data из пакета web-vitals собирать расширенный контекст вокруг метрики INP у реальных пользователей.

• performance
• web vitals
• inp
• rum

Как с помощью DevTools найти триггеры высокого INP, и разобраться, на каком этапе возникает задержка.

• performance
• web vitals
• inp
• devtools

Vector — инструмент для построения observability-пайплайнов: собирает, преобразует и сохраняет данные.

• performance
• observability
• monitoring

Разбираемся с devicePixelRatio, размерами канваса и другими неочевидными моментами, из-за которых рисунок размывается на разных экранах.

• canvas
• javascript

Как собирать метрику INP в SPA-приложениях?

• performance
• web vitals
• inp
• spa

Псевдоэлементы ::scroll-button() и ::scroll-marker с Chrome 135 позволяют собрать карусель с кнопками и маркерами на чистом CSS, без JS-библиотек.

• css
• carousel

Атрибуты command и commandfor позволяют открывать dialog и popover декларативно — без обработчиков клика и вызова showModal() в JavaScript.

• dialog
• popover
• веб-стандарты