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.
O que é a linha de base?
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.
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.
<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.