Опубликовано: 23 октября 2024 г.
В этом посте вы узнаете, как можно использовать новый веб-компонент <baseline-status> на своем сайте и логотипы Baseline в презентациях, когда вы пишете или рассказываете о функциях веб-платформы.
Большинство разработчиков имели опыт поиска решения проблемы веб-разработки, находили статью, описывающую идеальное решение, а в конце понимали, что оно доступно только в одном браузере. Или быть в восторге от этой функции, которую описывает ведущий конференции, а затем обнаружить, что она экспериментальная. Это то, что мы хотели улучшить здесь, на наших сайтах разработчиков Chrome, и в течение последних дв��х лет мы добавляли в наши публикации данные совместимости из MDN.
Однако базовый уровень проясняет ситуацию. Вместо проверки отдельных версий браузера вы можете без беспокойства проверить, является ли функция широко доступной и, следовательно, готовой к использованию. Или узнайте, что это базовая версия, недавно доступная и, следовательно, совместимая, но в качестве новой функции, возможно, вы захотите рассмотреть запасные стратегии. Здесь, на web.dev, мы начали добавлять новый компонент состояния Baseline на некоторые наши страницы, вы можете увидеть его в сообщении блога о CSS Font-size-Adjust .
Добавьте компонент на свой сайт
Веб-компонент предназначен не только для нас. Мы рады поделиться с вами компонентом <baseline-status> . Вы можете использовать его для отображения базового статуса создаваемого вами контента. Компонент можно установить из npm или предварительно скомпилировать из CDN — прочтите инструкцию по установке . После установки покажите статус функции, как показано в следующем HTML-коде для font-size-adjust .
<baseline-status featureId="font-size-adjust"></baseline-status>
Затем компонент будет автоматически обновляться по мере того, как функция переходит из режима «Ограниченная доступность» в режим «Новые доступные» в режим «Доступна широкополосная версия».
Найдите featureId
featureId передаваемый в компонент, — это имя функции в репозитории веб-функций . Компонент получает статус функции из данных, собранных в рамках проекта веб-функций .
Добавьте базовые логотипы
Если вы публикуете что-то в печатном виде, в формате PDF или представляете на конференции, то логотипы, скорее всего, будут полезны для отображения статуса на данный момент времени. Панель мониторинга состояния веб-платформы может помочь вам проверить базовый статус любой функции.
Логотипы Baseline лицензированы для использования во всех ваших материалах. Загрузите их в форматах PNG и SVG .
Сообщите нам, где вы используете Baseline
Нам бы хотелось увидеть, где используется Baseline. Сделайте PR и добавьте ссылку на то, где вы его использовали, в Baseline в дикой природе .
Есть ли у вас другие идеи интеграции?
Есть ли у вас идея интегрировать Baseline каким-либо другим способом? Возможно, у вас есть инструмент разработчика, который может включать эту информацию, или продукт, который выиграет от возможности поделиться базовой версией, используемой панелью администратора. Поднимите вопрос своими идеями , мы будем рады помочь.