Valor de referência de 2024: mais ferramentas para ajudar desenvolvedores da Web

Publicado em: 10 de dezembro de 2024

2024 foi um ano empolgante para o projeto de valor de referência. Estamos quase terminando o conjunto de dados subjacente e lançamos ferramentas como o Painel de status da plataforma da Web e o widget de status da meta. Outros projetos, como o arquivo RUM, estão começando a adotar a referência. Esta postagem analisa a referência de 2024.

Os rótulos de referência são recursos da Web compatíveis com todos os navegadores principais para computadores e dispositivos móveis. Se os recursos usados fizerem parte da referência, você pode confiar no nível de compatibilidade do navegador.

O logotipo recém-disponível com todos os navegadores mostrando que eles oferecem suporte a um recurso.
Logotipo recém-disponível de referência mostrado na página de visibilidade de conteúdo do MDN.

Para mais detalhes sobre os diferentes rótulos de referência e como um recurso da Web se torna uma referência, acesse o site da referência ou assista Criar com confiança com a referência.

O projeto de valor de referência em 2024

O trabalho de web-features está 81% concluído.

O web-features é um esforço para criar um catálogo compartilhado de recursos da plataforma da Web. Cada recurso é atribuído a um grupo e uma definição, e os dados de suporte de referência são registrados neste conjunto de dados.

Fizemos um esforço significativo este ano para avançar nesse trabalho. Até o momento, 81% das chaves de recursos são mapeadas e podem ser usadas com o pacote npm web-features. web-features é a fonte de verdade para os status de referência.

O novo painel de status da plataforma da Web

O Painel de status da plataforma da Web oferece insights sobre a implementação de recursos da plataforma da Web em diferentes navegadores. O painel é baseado em dados web-features. Por isso, a confiabilidade dele melhorou muito com o progresso do trabalho de recursos da Web mais completo.

É possível acompanhar o progresso de recursos específicos ou filtrar para ver um conjunto de recursos, como Baseline 2024. Esse painel complementa os recursos existentes, como o Can I Use e os dados de compatibilidade do MDN, oferecendo uma visão mais ampla da evolução da plataforma da Web.

Para mais informações sobre o painel, leia Apresentação do painel da plataforma da Web. Mais filtros foram adicionados desde o lançamento, como group: e snapshot:. Por exemplo, snapshot:ecmascript-2023 mostra os recursos incluídos no ES2023.

Widget <baseline-status>

O componente da Web <baseline-status> também usa os dados de recursos da Web e já está pronto para uso nos seus sites e slides. Instale do npm e use o componente sempre que mencionar um recurso.

Widget de status de referência renderizado como uma imagem.
Widget <baseline-status>.

Saiba mais sobre como usar o componente de status de referência da Web.

Site oficial e logotipos

A Baseline é propriedade do Grupo da comunidade WebDX do W3C, e este ano criamos uma página oficial para o projeto.

Se você adotar a referência no seu projeto, escrever sobre ela ou fazer uma palestra sobre ela, envie uma solicitação de pull para listar seu projeto na página Baseline in the wild.

Ao usar a referência no seu projeto, confira as diretrizes de uso do nome e do logotipo. Os logotipos são licenciados para uso sempre que você quiser mostrar o status dos recursos da Web.

O projeto de interoperabilidade disponibilizou muitos recursos do Baseline Newly

O projeto Interop é um esforço entre navegadores para melhorar a interoperabilidade da Web. Os recursos deste projeto são destinados à implementação em vários navegadores, acelerando o tempo para que a versão de referência fique disponível. Durante a Interop 2024, o Shadow DOM declarativo, font-size-adjust, requestVideoFrameCallback e text-wrap: balance foram incluídos na referência de 2024, e muitos outros estão quase concluídos.

Insights do RUM

A página de insights do RUM Archive foi a primeira ferramenta a integrar a baseline. Você pode conferir quantos usuários estão incluídos em cada ano de referência com base nos dados. Isso pode ajudar você a escolher um ano de referência para seu projeto em vez de adotar a referência amplamente disponível.

Leia Integração de referência com o RUM Archive para mais informações.

Série de vídeos "This Is Baseline"

Para explicar de forma rápida e simples os recursos recém-disponíveis da Linha de base, estamos publicando uma série de vídeos chamada #thisisbaseline. Aprenda sobre novos métodos Set, a API Screen Wake Lock, a subgrade de CSS e muito mais em menos de 60 segundos.

Confira todos os vídeos do projeto.

Venha conversar com a gente pessoalmente.

A equipe participou de muitas conferências este ano para apresentar a você a Baseline,ouvir sua opinião e responder às suas perguntas. Confira algumas palestras que apresentamos.

Confira a apresentação de Rachel no FITC Web Unleashed (em inglês) de outubro, a sessão de Pete no connect.tech e a palestra de Mariko no JSNation (em inglês) de novembro. Esperamos encontrar você em alguns eventos incríveis em 2025.

O que está no valor de referência de 2024

Com o fim do ano, sabemos quais recursos fazem parte da referência de 2024. Confira alguns destaques.

@property

As propriedades personalizadas do CSS (também conhecidas como variáveis CSS) são um recurso amplamente disponível. A capacidade de definir propriedades personalizadas com um tipo, valores padrão e herança usando a regra@property foi aceita por todos os navegadores principais desde julho de 2024.

Novos métodos de conjunto

O Set faz parte do JavaScript desde o ES2015, mas mais métodos para executar operações matemáticas em Sets, como intersection e union, foram adicionados e são aceitos por todos os navegadores principais neste ano.

AVIF

O AVIF é um formato de imagem moderno que geralmente tem uma compactação melhor do que outros formatos, como WebP, JPEG, PNG e GIF. O AVIF é compatível com todos os navegadores principais desde janeiro de 2024.

… e mais!

Claro, há muitos outros recursos que se tornaram a Padrão neste ano. Confira os recursos que passaram a fazer parte do Baseline em 2024.

Conclusão

Quando anunciamos o projeto de referência em maio de 2022, ele era apenas um conceito e a definição inicial de referência. Esta postagem destaca apenas alguns dos trabalhos feitos para transformar a Padrão em algo que pode fazer parte do fluxo de trabalho de todos os desenvolvedores.

Agradecemos o trabalho árduo de todos no projeto de referência.

Pessoas que contribuíram para web-features: Victor Allen, Dietrich Ayala, Daniel Beck, Patrick Brosset, Sondra Eby, Adriana Jara, Mariko Kosaka, Pete LePage, Florian Scholz, James Stuckey Weber e queengooborg (Vinyl)

Widget <baseline-status>: Ewa Gasperowicz e a equipe do Chrome DevRel

Painel de status da plataforma Web: Panos Astithas, Kyle Ju, James Scott, Daniel Smith e Jason Xu

Equipe de referência do Google: Aaron Abbarno, Rachel Andrew, Tony Conway, Philip Jägenstedt, Adriana Jara, Mariko Kosaka, Pete LePage, Nandu Nair, Ali Spivak e Kadir Topal

Agradecimentos especiais a: Alexis Deveria no CanIUse, Claas Augner, Hermina Condei, Florian Dieminger, Ruth John, Leo McArdle no MDN, Nic Jansma e Robin Marx no RUM Archive, colaboradores do projeto Interop, Apple, Firefox, Igalia, Microsoft, Open Web Docs, OddBird e membros do grupo da comunidade WebDX.