Publicado em: 23 de outubro de 2024
Nesta postagem, saiba como usar o novo componente da Web <baseline-status> no seu site e os logotipos do Baseline em apresentações sempre que você escrever ou falar sobre recursos da plataforma Web.
A maioria dos desenvolvedores já passou pela experiência de procurar uma solução para um problema de desenvolvimento da Web, encontrar um artigo que descreve a solução perfeita e perceber no final que ela está disponível apenas em um navegador. Ou se empolgar com um recurso que um apresentador de conferência está descrevendo e depois descobrir que ele é experimental. Queríamos melhorar isso nos sites para desenvolvedores do Chrome. Por isso, nos últimos dois anos, adicionamos dados de compatibilidade da MDN aos nossos posts.
No entanto, o valor de referência deixa as coisas ainda mais claras. Em vez de verificar versões individuais de navegadores, você pode conferir se um recurso está disponível para uso geral na linha de base e, portanto, pronto para uso sem preocupações. Ou saber que ele é Baseline Newly available e, portanto, interoperável, mas como um novo recurso, talvez você queira considerar estratégias de substituição. Aqui no web.dev, começamos a adicionar um novo componente de status de linha de base a algumas das nossas páginas. Você pode conferir no post do blog sobre CSS font-size-adjust.
Adicionar o componente ao seu site
O componente da Web não é apenas para nosso uso. Estamos felizes em compartilhar o componente
<baseline-status> com você. Ele está pronto para você usar e mostrar o status de
referência no conteúdo que você cria. O componente pode ser instalado do
npm ou pré-compilado de uma CDN. Leia as instruções de instalação.
Depois de instalado, mostre o status de um recurso, conforme mostrado no HTML a seguir para
font-size-adjust.
<baseline-status featureId="font-size-ad><just"/basel>ine-status
O componente será atualizado automaticamente à medida que um recurso passar de disponibilidade limitada para recém-disponível e, por fim, para disponível em tela ampla.
Encontre o featureId
O featureId transmitido ao componente é o nome do recurso no
repositório web-features.
O componente recebe o status do recurso dos dados coletados pelo
projeto de recursos da Web.
Adicionar logotipos de comparativo de mercado
Se você estiver publicando algo em formato impresso, PDF ou apresentando em uma conferência, os logotipos provavelmente serão úteis para mostrar o status naquele momento. O painel Status da plataforma da Web pode ajudar você a verificar o status de referência de qualquer recurso.
Os logotipos do Baseline são licenciados para uso em todos os seus materiais. Faça o download deles nos formatos PNG e SVG.
Informe onde você usa o Baseline
Adoraríamos saber onde o Baseline está sendo usado. Faça uma solicitação de pull e adicione um link para onde você usou o Baseline in the wild.
Você tem outras ideias de integração?
Você tem uma ideia de como integrar o Baseline de outra forma? Talvez você tenha uma ferramenta de desenvolvedor que possa incluir essas informações ou um produto que se beneficiaria da capacidade de compartilhar a versão de referência usada pelo painel de administração. Informe um problema com suas ideias. Será um prazer ajudar.