Мы хотим помочь вам создавать красивые, доступные, быстрые и безопасные веб-сайты, которые работают в разных браузерах и для всех ваших пользователей. На этом сайте собран контент, который поможет вам в этом путешествии, написанный членами команды 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 и дизайн пользовательского интерфейса

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

CSS-подсетка

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

Core Web Vitals

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

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

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

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

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

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

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

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

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

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

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

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

Image for: Информационный бюллетень для разработчиков
Получайте последние новости, методы и обновления прямо на свой почтовый ящик.