Мы хотим помочь вам создавать красивые, доступные, быстрые и безопасные веб-сайты, которые работают в разных браузерах и для всех ваших пользователей. На этом сайте собран контент, который поможет вам в этом путешествии, написанный членами команды Chrome и внешними экспертами, специализирующимися на таких темах веб-разработки, как доступность, производительность, дизайн и многое другое.
Web Platform Baseline вносит ясность в информацию о поддержке браузерами функций веб-платформы, предоставляя четкую информацию о том, какие функции веб-платформы готовы использовать в ваших проектах уже сегодня. Читая статью на сайте web.dev, если все используемые функции являются частью Baseline, вы можете доверять уровню совместимости браузера.
Подробнее…
Откройте для себя ресурсы, созданные, чтобы помочь вам понять и создать эффективный, ориентированный на Интернет опыт использования ИИ.
Подробнее…
Взаимодействие с следующей отрисовкой (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 и многое другое. Следите за последними новостями блога, читая наш блог.
Читать блог

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

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

CSS-подсетка

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

Core Web Vitals

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

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

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

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

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

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

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

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

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

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

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

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

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