Мы хотим помочь вам создавать красивые, доступные, быстрые и безопасные веб-сайты, которые работают в разных браузерах и для всех ваших пользователей. На этом сайте собран контент, который поможет вам в этом путешествии, написанный членами команды Chrome и внешними экспертами, специализирующимися на таких темах веб-разработки, как доступность, производительность, дизайн и многое другое.
Ознакомьтесь с ресурсами, созданными для того, чтобы помочь вам понять и создать высокопроизводительные веб-ориентированные решения с использованием ИИ.
Подробнее
Взаимодействие с следующей отрисовкой (INP) теперь является ключевым показателем Web Vital. Начните измерять и оптимизировать INP вашего сайта.
Подробнее
Узнайте о новейших функциях и передовых практиках в области идентификации и обработки платежей.
Подробнее

Изучите веб-платформу

Начать изучение
Веб-платформа — это постоянно развивающаяся экосистема функций браузера и API, позволяющая разработчикам создавать веб-сайты, простые и удобные в использовании. Эти страницы — это пути, по которым вы можете погрузиться в каждую часть веб-платформы web.dev — в удобном для вас темпе.
HTML — это уровень документа в Интернете, обеспечивающий структуру и семантику страниц.
Подробнее
CSS — это уровень представления веб-страниц, позволяющий сделать ваши веб-страницы именно такими, какими вы их себе представляете.
Подробнее
JavaScript добавляет веб-страницам широкие интерактивные возможности, позволяя создавать веб-сайты, которые помогают пользователям выполнять задачи и достигать целей.
Подробнее

Изучите веб-платформу

Начать обучение
Новичок в веб-платформе? Мы вам поможем! Погрузитесь в каждый слой с помощью курсов, специально разработанных для начинающих по HTML, CSS и JavaScript.
Course
Подробный обзор HTML для разработчиков, от новичка до HTML-эксперта.
Начать курс
Course
Руководство по CSS с модулями, охватывающими все аспекты, от доступности до z-index.
Начать курс
Course
Углубленный курс по основам JavaScript.
Начать курс

Следите за новостями веб-разработки

Читайте наш блог, чтобы быть в курсе последних новостей в веб-разработке, включая новые функции веб-платформы, обновления Baseline, AI, Core Web Vitals и многое другое.
Читать блог

Базовый уровень

Будьте в курсе последних обновлений и новостей на Baseline .
Подробнее о базовом уровне
Ознакомьтесь с информацией о различных событиях, происходящих в компании Baseline в марте 2026 года.
Ознакомьтесь с информацией о различных событиях, происходящих в компании Baseline в феврале 2026 года.
Ознакомьтесь с информацией о различных событиях, происходящих в компании Baseline в январе 2026 года.
Ознакомьтесь с информацией о различных событиях, происходящих в компании Baseline в декабре 2025 года.

CSS и дизайн пользовательского интерфейса

Узнайте новейшие советы и методы, которые можно использовать в своей работе прямо сейчас.
Изучите CSS
Адаптируйте шрифт к предпочтениям ваших пользователей, чтобы им было максимально комфортно читать ваш контент.
Теперь все основные движки поддерживают новые цветовые пространства и функции CSS. Узнайте, как они могут добавить яркости вашим проектам.
Улучшите возможности веб-отладки с помощью исходных карт.

CSS-подсетка

Теперь Subgrid совместим со всеми тремя основными движками. Узнайте, как его использовать.

Core Web Vitals

Создавайте более быстрые веб-сайты и приложения, понимая основные показатели веб-инфраструктуры (Core Web Vitals) и другие метрики.
Изучите основные веб-показатели

Наиболее эффективные способы улучшения основных веб-показателей,Наиболее эффективные способы улучшения основных веб-показателей

Сборник лучших практик по оптимизации основных показателей веб-технологий (Core Web Vitals) с учетом состояния сети.
Узнайте, как оптимизировать показатель «Взаимодействие до следующего отрисовочного кадра».
Изучите распространенные заблуждения об оптимизации процесса отрисовки самого большого объема контента, выйдя за рамки оптимизации изображений и учтя такие факторы, как время до первого байта и задержка загрузки ресурсов.

Лучшие практики измерения показателей веб-показателей на местах

Руководство по быстрому и надежному сбору и представлению данных Web Vitals.

Прогрессивные веб-приложения

Создавайте эффективные веб-интерфейсы.
Подробнее о PWA
Курс, который подробно разбирает все аспекты современной разработки прогрессивных веб-приложений.
Теперь, когда потоки преобразования поддерживаются в Safari, Firefox и Chrome, они наконец-то готовы к использованию в повседневных целях.
Погрузитесь в фантастическую коллекцию новых шаблонов для потрясающих приложений, включая шаблоны буфера обмена, шаблоны файлов и расширенные шаблоны приложений.
На сайте разработчиков Chrome изучите возможности API.

Доступно для всех

Узнайте, как сделать ваши сайты более доступными для людей с ограниченными возможностями (постоянными, временными или ситуативными).
Подробнее о доступности
Наш новый курс — отличная отправная точка и справочное пособие по вопросам доступности.

Тестирование цветового контраста веб-дизайна

Обзор трех инструментов и методов тестирования и проверки доступного цветового контраста вашего дизайна.
В этом руководстве описывается, как создать доступную главную навигацию для веб-сайта. Вы узнаете о семантическом HTML, доступности и о том, как использование атрибутов ARIA иногда может принести больше вреда, чем пользы.
Прочитайте наше интервью с Мелани, инженером-программистом, специализирующейся на цифровой доступности.

Платежи и личность

Узнайте о новейших методах и лучших практиках платежей и помогите пользователям безопасно войти на ваши сайты и в приложения.
Подробнее об идентичности
Ключи доступа делают учетные записи пользователей более безопасными, простыми и удобными в использовании.
Создайте систему авторизации, использующую пароли, но при этом учитывающую существующих пользователей, использующих пароли.

Обзор веб-платежей

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

Информационный бюллетень для разработчиков

Получайте последние новости, методы и обновления прямо на свой почтовый ящик.