Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e Beta em setembro de 2023.
Versões estáveis do navegador
Em setembro de 2023, o Firefox 118, o Safari 17 e o Chrome 117 ficaram estáveis. Esta postagem analisa o que isso significa para a plataforma Web.
O valor de subgrid para grid-template-columns e grid-template-rows está
incluído no Chrome 117, tornando o recurso interoperável. Saiba mais sobre a subgrade no artigo Subgrade CSS.
O Chrome também inclui três novos recursos CSS para adicionar facilmente animações de entrada
e saída, além de animar de forma suave a e a partir da camada superior de elementos dispensáveis,
como caixas de diálogo e pop-ups. Saiba mais sobre a propriedade transition-behavior, a regra @starting-style e a propriedade overlay no artigo Quatro novos recursos CSS para animações de entrada e saída.
Também no Chrome 117 está o agrupamento de matrizes JavaScript com os métodos estáticos Object.groupBy e Map.groupBy.
O Safari 17 inclui o atributo popover para adicionar suporte à API
Popover.
O Safari 17 e o Firefox 118 incluem o elemento HTML
<search>. Esse elemento representa as partes da página ou do aplicativo que
têm funcionalidade para pesquisar ou filtrar conteúdo.
Há muitos novos recursos de CSS incluídos no Safari 17, incluindo
@counter-style.
Essa regra permite definir estilos de contador que estão fora da lista predefinida de
estilos. Esse recurso já está disponível nos três mecanismos.
O Firefox 118 inclui várias outras funções matemáticas de CSS: abs(), sign(), round(), mod(), rem(), pow(), sqrt(), hypot(), log() e exp().
O Safari 17 também é compatível com imagens HEIC/HEIF e JPEG XL.
Versões Beta do navegador
As versões Beta do navegador oferecem uma prévia do que vai estar na próxima versão estável. É um ótimo momento para testar novos recursos ou remoções que podem afetar seu site antes do lançamento ao público. As novas Betas são Firefox 119, Safari 17.1 e Chrome 118. Essas versões trazem muitos recursos excelentes para a plataforma. Confira as notas da versão para saber mais detalhes. Estes são apenas alguns destaques.
O elemento <search>, disponibilizado no Firefox e no Safari este mês, está incluído no
Chrome 118. Isso significa que esse recurso será disponibilizado rapidamente nos três mecanismos.
Os métodos estáticos Object.groupBy e Map.groupBy fazem parte do Firefox 119.
O Chrome 118 inclui estilos com escopo de CSS com a regra @scope e novos recursos de mídia com prefers-reduced-transparency e scripting.
Atualmente, o Safari 17.1 é uma versão que corrige vários problemas em toda a plataforma.
Parte da série para iniciantes na Web