Publicado em 22 de janeiro de 2025
Com o fim da Interop 2024, esta postagem relembra o ano de maior sucesso do projeto. Todos os navegadores experimentais tiveram uma pontuação de 99, e as versões estáveis não ficaram muito atrás. Isso significa que vários recursos agora estão disponíveis na versão de referência.
![Todos os navegadores com uma pontuação de 99.](https://web.dev/static/blog/interop-2024-wrapup/image/interop2024wrapup.png?hl=pt-br)
Mais recursos para a referência
Para que um recurso seja considerado recém-disponível na referência, ele precisa ser interoperável. Não é surpreendente que a Interop 2024 tenha ajudado vários recursos nessa linha e no Baseline 2024.
Propriedades personalizadas registradas
A regra @property
e o método estático CSS.registerProperty()
foram disponibilizados
como referência em julho de 2024.
@property
no MDN- Entrada
@property
no painel da plataforma da Web @property
: variáveis CSS de última geração agora com suporte universal a navegadores
A propriedade font-size-adjust
A propriedade CSS font-size-adjust
preserva o tamanho aparente do texto, independentemente da
fonte usada, dimensionando as fontes para o mesmo tamanho em relação a uma métrica
específica, como a altura x. Isso pode ajudar a fazer com que as fontes de substituição tenham o mesmo tamanho.
Ele passou a estar disponível como valor de referência em julho de 2024.
font-size-adjust
no MDN- Entrada
font-size-adjust
no painel da plataforma da Web - O CSS
font-size-adjust
agora está na versão de referência
O método requestVideoFrameCallback()
para <video>
O método requestVideoFrameCallback()
para <video>
programa uma função que
é executada com o próximo frame de vídeo. É semelhante a requestAnimationFrame()
, mas
para vídeo, e ficou disponível em outubro de 2024.
requestVideoFrameCallback()
no MDN- Entrada
requestVideoFrameCallback()
no painel da plataforma da Web - Realize operações eficientes por frame de vídeo com
requestVideoFrameCallback()
.
Estilo da barra de rolagem com scrollbar-width
e scrollbar-gutter
A propriedade CSS scrollbar-width
define a largura da barra de rolagem, e
scrollbar-gutter
reserva espaço para ela, evitando mudanças de layout
indesejadas à medida que a barra de rolagem aparece e desaparece. Elas ficaram disponíveis como valor de referência em dezembro de 2024.
A propriedade transition-behavior
A declaração CSS transition-behavior: allow-discrete
permite transições para
propriedades cujo comportamento de animação é discreto. Essas propriedades não podem ser
interpoladas e trocadas do valor inicial para o valor final em 50%. Essa propriedade passou a estar disponível como "Baseline" em agosto de 2024.
transition-behavior
no MDN- Entrada
transition-behavior
no painel da plataforma da Web - Agora na linha de base: animação de efeitos de entrada
text-wrap: balance
A propriedade CSS text-wrap
define como as linhas são quebradas no texto que transborda o
contêiner. É uma forma abreviada de text-wrap-style
e text-wrap-mode
. O
valor balance
permite criar títulos equilibrados e outros textos curtos. A propriedade text-wrap
passou a estar disponível como "Baseline" em março de 2024.
Pop-up
O pop-up permite criar sobreposições de forma declarativa usando HTML ou com o
método showPopover()
. Quase chegou ao status de disponível recentemente, e
na verdade, inicialmente pensamos que tinha chegado, mas um problema com a implementação
do Safari fez com que ele não chegasse ao status de disponível recentemente em 2024. A boa
notícia é que o problema foi corrigido na versão Beta 18.3 do Safari. Em breve, poderemos anunciar corretamente o Popover como disponível recentemente.
Correções nos recursos de referência
Alguns recursos incluídos na Interop 2024 já foram classificados como "Disponível". O trabalho foi corrigir algumas pequenas diferenças na implementação. Essas coisas podem ser encontradas por poucas pessoas, mas pequenas coisas fazem uma grande diferença se você as encontrar.
Aninhamento de CSS
O aninhamento de CSS permite seletores mais curtos, leitura mais fácil e mais modularidade ao anichar regras dentro de outras. Ele se tornou disponível como valor de referência em dezembro de 2023 e foi incluído na Interop 2024 para corrigir alguns problemas de interoperabilidade pendentes.
DOM paralelo declarativo
O atributo shadowrootmode
em <template>
cria uma raiz sombra sem o
uso de JavaScript. É uma alternativa declarativa ao método
`attachShadow()`.
A interoperabilidade 2025 será lançada em breve
As propostas estão sendo finalizadas para a Interop 2025, e estamos animados para continuar com todo o nosso sucesso este ano. Confira o anúncio em fevereiro para saber o que está incluído. Para acompanhar as novidades do Baseline, confira nossa série de recursos recém-disponíveis do Baseline aqui no web.dev.