Новое в Доке

:autofill

2026-08-31T00:00:00.000Z

Находит поля, которые браузер заполнил сам. Помогает подружить фирменную подсветку автозаполнения с дизайном формы.

:any-link

2026-08-31T00:00:00.000Z

Выбирает любые ссылки, посещённые и непосещённые (<a> и <area> с href). Удобно стилизовать все ссылки одним селектором.

Signals

2026-08-30T00:00:00.000Z

Автоматическое отслеживание зависимостей, раскраска графа, ленивый пересчёт и почему эффектов нет в стандарте.

:optional

2026-08-30T00:00:00.000Z

Показывает элементы формы, которые не обязательны для заполнения.

::-webkit-scrollbar

2026-08-30T00:00:00.000Z

Нестандартные псевдоэлементы для стилизации полосы прокрутки в движках WebKit/Blink. Позволяют изменять трек, ползунок и другие части скроллбара.

:dir()

2026-08-30T00:00:00.000Z

Функциональный псевдокласс, который совпадает с элементами по их направлению письма: слева направо (ltr) или справа налево (rtl).

:blank

2026-08-30T00:00:00.000Z

Совпадает с элементами ввода, значение которых пустое или состоит только из пробельных символов. Удобно стилизовать «пустые» поля.

Иконочные шрифты — да или нет?

2026-08-30T00:00:00.000Z

Расскажем о плюсах и минусах использования иконочных шрифтов и выясним, почему о них все забыли.

Разрыв страницы

2026-08-30T00:00:00.000Z

Свойства break-after и page-break-after разбивают контент по страницам при печати.

Статические генераторы сайтов

2026-08-06T00:00:00.000Z

Разбираем, как работает статическая генерация сайтов, зачем она нужна в 2026 году и чем отличаются Astro, Next.js, Gatsby, Eleventy и ещё более десяти генераторов.

Что такое Core Web Vitals

2026-08-06T00:00:00.000Z

Разбираем Core Web Vitals — метрики, предложенные Google для оценки скорости загрузки, отзывчивости и визуальной стабильности веб-страниц.

LCP (Largest Contentful Paint)

2026-08-06T00:00:00.000Z

Что такое метрика Largest Contentful Paint в Core Web Vitals

INP (Interaction to Next Paint)

2026-08-06T00:00:00.000Z

Что такое метрика Interaction to Next Paint в Core Web Vitals

CLS (Cumulative Layout Shift)

2026-08-06T00:00:00.000Z

Что такое метрика Cumulative Layout Shift в Core Web Vitals

FCP (First Contentful Paint)

2026-08-06T00:00:00.000Z

Что такое метрика First Contentful Paint и почему она важна для загрузки страницы

TTFB (Time to First Byte)

2026-08-06T00:00:00.000Z

Что такое метрика Time to First Byte и почему она важна для загрузки страницы

Как измерять и улучшать Core Web Vitals

2026-08-06T00:00:00.000Z

Разбираем, где смотреть Core Web Vitals, чем отличаются лабораторные и полевые данные и как находить причины плохих LCP, INP и CLS.

WebSocket

2026-07-18T00:00:00.000Z

Устанавливает постоянное соединение с сервером для обмена данными в реальном времени.

:user-valid, :user-invalid

2026-07-18T00:00:00.000Z

Валидируем форму прямо в браузере. Без JavaScript, регистрации и смс.

@counter-style

2026-07-18T00:00:00.000Z

Создаёт собственные стили счётчиков и маркеров списков: от эмодзи‑буллетов до кастомной нумерации.

.removeProperty()

2026-07-11T00:00:00.000Z

Удаляем CSS-свойство у элемента.

Iterator.prototype.map()

2026-07-11T00:00:00.000Z

Возвращает итератор, каждое значение которого является результатом колбэк-функции над элементом исходного итератора

Контрастность цветов в интерфейсе

2026-07-07T00:00:00.000Z

Узнаем про разные уровни контраста, способы проверки контраста и зачем вообще это нам надо.

:picture-in-picture

2026-07-05T00:00:00.000Z

Совпадает с элементом <video>, который сейчас отображается в режиме «картинка в картинке» (Picture‑in‑Picture).

::details-content

2026-07-05T00:00:00.000Z

Псевдоэлемент для стилизации содержимого <details>, исключая заголовок <summary>. Удобен для оформления и анимации раскрывающейся части.

:fullscreen

2026-07-04T00:00:00.000Z

Совпадает с элементом, который отображается в режиме полноэкранного просмотра (Fullscreen API). Полезно менять оформление контента на весь экран.

::cue

2026-07-04T00:00:00.000Z

Псевдоэлемент для стилизации реплик WebVTT (субтитров и подсказок) в <video> с подключённой дорожкой <track>.

@namespace

2026-07-04T00:00:00.000Z

Объявляем пространства имён и используем префиксы в селекторах для точного выбора элементов SVG/MathML и других

@font-feature-values

2026-07-04T00:00:00.000Z

Задаём имена для значений OpenType‑фич конкретного шрифта и используем их через font-variant-alternates.

@charset

2026-07-04T00:00:00.000Z

Указываем кодировку таблицы стилей.

::file-selector-button

2026-07-03T00:00:00.000Z

Псевдоэлемент для стилизации встроенной кнопки выбора файла внутри <input type="file">.

::target-text

2026-07-03T00:00:00.000Z

Помогает визуально выделить целевой фрагмент в тексте после перехода.

focusin

2026-07-03T00:00:00.000Z

Событие получения фокуса элементом (всплывает)

scroll-margin

2026-06-30T00:00:00.000Z

Задаём отступ от края окна до элемента, к которому прокручиваем страницу.

Promise.withResolvers()

2026-06-29T00:00:00.000Z

Возвращает новый промис и функции управления его состоянием.

focus

2026-06-27T00:00:00.000Z

Событие получения фокуса элементом

font-size-adjust

2026-06-19T00:00:00.000Z

Масштабирует резервный шрифт по заданной метрике, чтобы текст не менял видимый размер при замене шрифта.

font-optical-sizing

2026-06-19T00:00:00.000Z

Управляет оптическим масштабированием: браузер сам подстраивает форму глифов под размер шрифта.

@scope

2026-06-18T00:00:00.000Z

Ограничиваем область действия стилей внутри поддерева DOM и избегаем конфликтов между компонентами.

@container

2026-06-18T00:00:00.000Z

Контейнерные запросы: применяем стили по размерам ближайшего контейнера, а не окна браузера.

font-kerning

2026-06-18T00:00:00.000Z

Управляем кернингом. Если вы понимаете о чём я.

font-language-override

2026-06-18T00:00:00.000Z

Вручную указываем шрифту, глифы какого языка использовать.

font-feature-settings

2026-06-18T00:00:00.000Z

Управляем дополнительными символами в вариативном шрифте.

background-blend-mode

2026-06-17T00:00:00.000Z

Смешиваем картинки и цвет почти как в Photoshop, но только в CSS.

background-attachment

2026-06-17T00:00:00.000Z

Одним свойством создаём эффектный параллакс.

background-clip

2026-06-17T00:00:00.000Z

Решаем, должен ли фон заполнять площадь всего элемента или не выходить за рамки контентной области.

hyphens

2026-06-17T00:00:00.000Z

Говорим браузеру, как переносить слова, которые не поместились в строку.

font-variant-ligatures

2026-06-02T00:00:00.000Z

Как написать æ? Нужно включить лигатуры!

Iterator.prototype.filter()

2026-05-25T00:00:00.000Z

Возвращает итератор, из которого можно получить только отфильтрованные значения

bind(), call() и apply()

2026-05-16T00:00:00.000Z

Методы привязки контекста: bind(), call() и apply()