Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e Beta em agosto de 2023.
Versões estáveis do navegador
Em agosto de 2023, o Firefox 116, Firefox 117, Safari 16.6 e Chrome 116 ficaram estáveis. Esta postagem analisa o que isso significa para a plataforma Web.
O Firefox 116 é compatível com a API Audio Output Devices em todas as plataformas, exceto no Android. Essa API permite que aplicativos da Web redirecionem a saída de áudio para um fone de ouvido, alto-falante ou outro dispositivo Bluetooth em vez de usar o navegador ou o sistema operacional padrão.
O Chrome 116 inclui uma trajetória de movimento CSS, que permite que qualquer objeto gráfico seja animado ao longo de um caminho especificado pelo desenvolvedor. Isso permite várias novas possibilidades de transformação poderosas, como o posicionamento usando coordenadas polares (com a função ray()
) em vez das coordenadas retangulares padrão usadas pela função translate()
ou animar um elemento ao longo de um caminho definido. Isso facilita a definição de transições espaciais 2D complexas e bonitas. Um caminho pode ser especificado como circle()
, ellipse()
, rect()
, inset()
, xywh()
, polygon()
, ray()
e url()
.
Também no Chrome 116 está a API Document Picture-in-Picture. Isso permite uma janela sempre ativa que pode ser preenchida com HTMLElements arbitrários. Essa é uma expansão da API HTMLVideoElement existente que permite apenas que um HTMLVideoElement seja colocado em uma janela Picture-in-Picture (PiP).
O Firefox 117 é compatível com o aninhamento de CSS e com o seletor de aninhamento &
. Isso permite o aninhamento de uma regra de estilo dentro de outra. Isso torna o CSS Nest interoperável com uma ressalva. O Safari e o Chrome implementaram uma versão mais antiga da especificação, que não permitia o aninhamento de seletores de tipo. O Firefox implementou a nova versão da especificação, que não requer o seletor de aninhamento &
. Confira exemplos das duas versões em Como usar o aninhamento de CSS.
Versões Beta do navegador
As versões Beta do navegador oferecem uma prévia do que vai aparecer na próxima versão estável. Este é um ótimo momento para testar novos recursos ou remoções que podem afetar seu site antes que o mundo receba esse lançamento. As novas versões Beta são o Firefox 118 e o Chrome 117. A versão Beta do Safari 17 ainda está em andamento. Essas versões trazem muitos recursos excelentes para a plataforma. Confira as notas da versão para saber todos os detalhes. Aqui estão apenas alguns destaques.
Ainda não há muita informação disponível para a próxima versão do Firefox. No entanto, o Chrome 117 promete alguns recursos incríveis. Por exemplo, alguns novos recursos CSS que ativam animações de entrada e saída.
O valor subgrid
para grid-template-columns
e grid-template-rows
está incluído no Chrome 117, o que torna o recurso interoperável.
Também no Chrome 117 há o agrupamento de matrizes JavaScript com os métodos estáticos Object.groupBy e Map.groupBy.
O Safari 17 Beta inclui o atributo popover
para adicionar suporte à API Popover.
Parte da série para iniciantes na Web