Nova plataforma da Web em setembro

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.

Compatibilidade com navegadores

  • 117
  • 117
  • 71
  • 16

Origem

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.

Compatibilidade com navegadores

  • 117
  • 117
  • 119
  • 17,4

Origem

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.

Compatibilidade com navegadores

  • 118
  • 118
  • 118
  • 17

Origem

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.

Compatibilidade com navegadores

  • 91
  • 91
  • 33
  • 17

Origem

O Firefox 118 inclui várias outras funções matemáticas de CSS: abs(), sign(), round(), mod(), rem(), pow(), sqrt(), hypot(), log() e exp().

Compatibilidade com navegadores

  • 120
  • 120
  • 118
  • 15,4

Origem

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