Покажите базовый статус в своих сообщениях в блоге и презентациях.

Опубликовано: 23 октября 2024 г.

В этом посте вы узнаете, как можно использовать новый веб-компонент <baseline-status> на своем сайте и логотипы Baseline в презентациях, когда вы пишете или рассказываете о функциях веб-платформы.

Большинство разработчиков имели опыт поиска решения проблемы веб-разработки, находили статью, описывающую идеальное решение, а в конце понимали, что оно доступно только в одном браузере. Или быть в восторге от этой функции, которую описывает ведущий конференции, а затем обнаружить, что она экспериментальная. Это то, что мы хотели улучшить здесь, на наших сайтах разработчиков Chrome, и в течение последних двух лет мы добавляли в наши публикации данные совместимости из MDN.

Однако базовый уровень проясняет ситуацию. Вместо проверки отдельных версий браузера вы можете без беспокойства проверить, является ли функция широко доступной и, следовательно, готовой к использованию. Или узнайте, что это базовая версия, недавно доступная и, следовательно, совместимая, но в качестве новой функции, возможно, вы захотите рассмотреть запасные стратегии. Здесь, на web.dev, мы начали добавлять новый компонент состояния Baseline на некоторые наши страницы, вы можете увидеть его в сообщении блога о CSS Font-size-Adjust .

Компонент, показывающий, что настройка размера шрифта является базовой версией. Доступен недавно.
Компонент в посте Font-size-Adjust .

Добавьте компонент на свой сайт

Веб-компонент предназначен не только для нас. Мы рады поделиться с вами компонентом <baseline-status> . Вы можете использовать его для отображения базового статуса создаваемого вами контента. Компонент можно установить из npm или предварительно скомпилировать из CDN — прочтите инструкцию по установке . После установки покажите статус функции, как показано в следующем HTML-коде для font-size-adjust .

<baseline-status featureId="font-size-adjust"></baseline-status>

Затем компонент будет автоматически обновляться по мере того, как функция переходит из режима «Ограниченная доступность» в режим «Новые доступные» в режим «Доступна широкополосная версия».

Найдите featureId

featureId передаваемый в компонент, — это имя функции в репозитории веб-функций . Компонент получает статус функции из данных, собранных в рамках проекта веб-функций .

Добавьте базовые логотипы

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

Два зеленых логотипа со словом Baseline на бело-черном фоне.
Надпись Baseline в светлом и темном режиме.

Логотипы Baseline лицензированы для использования во всех ваших материалах. Загрузите их в форматах PNG и SVG .

Сообщите нам, где вы используете Baseline

Нам бы хотелось увидеть, где используется Baseline. Сделайте PR и добавьте ссылку на то, где вы его использовали, в Baseline в дикой природе .

Есть ли у вас другие идеи интеграции?

Есть ли у вас идея интегрировать Baseline каким-либо другим способом? Возможно, у вас есть инструмент разработчика, который может включать эту информацию, или продукт, который выиграет от возможности поделиться базовой версией, используемой панелью администратора. Поднимите вопрос своими идеями , мы будем рады помочь.