Nova plataforma da Web em setembro

Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e Beta em setembro de 2022.

Em setembro, o Firefox 105, o Chrome 106 e o Safari 16 ficaram estáveis. Isso significa que a postagem de setembro está cheia de coisas incríveis para a plataforma da Web.

O Safari 16 adiciona suporte às consultas de contêiner, um recurso que agora está disponível em dois mecanismos. O Safari também é compatível com as novas unidades de consulta de contêiner.

Compatibilidade com navegadores

  • 105
  • 105
  • 110
  • 16

Origem

Layout em grade

O Safari recebeu suporte para o valor de subgrid de grid-template-columns e grid-template-rows. Usar esse valor em uma grade que também é um item de grade significa que, em vez de definir novas faixas, a grade usa as que abrangem do pai.

No Safari ou no Firefox, os cabeçalhos e rodapés desses cards serão alinhados, porque as faixas deles são uma subgrade da pasta pai.

Compatibilidade com navegadores

  • 117
  • 117
  • 71
  • 16

Origem

No Safari, para o layout de grade, também é possível animar as faixas de grade.

Compatibilidade com navegadores

  • 107
  • 107
  • 66
  • 16

O Safari também adicionou suporte a offset-path, overscroll-behavior, text-align-last e a consulta de mídia resolution.

API Encoding

O Firefox 105 oferece suporte às interfaces TextDecoderStream e TextEncoderStream da API Encoding.

Compatibilidade com navegadores

  • 71
  • 79
  • 105
  • 14.1

Origem

Novas APIs internacionais

As APIs Intl ajudam a mostrar conteúdo em um formato localizado, e o Chrome 106 adiciona uma série de novas funcionalidades de formato de número.

Assim como em outras APIs internacionais, isso transfere a carga para o sistema. Assim, você não precisa enviar ou manter códigos de localização complexos para cada usuário. A API sabe para onde o símbolo da moeda vai, como formatar datas e horas ou compilar uma lista.

Método showPicker()

O Safari 16 contém o método showPicker(), permitindo uma maneira canônica de mostrar um seletor de navegador para datas, hora, cor e arquivos incluídos. Saiba mais sobre isso em Mostrar um seletor do navegador para data, hora, cor e arquivos.

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 deste mês são Chrome 107, Safari 16.1 e Firefox 106.

O Chrome 107 inclui a animação de faixas de grade, que também foi lançada no Safari este mês. Depois que chegar ao Chrome, ela terá suporte nos três principais mecanismos.

Também no Chrome, há algumas adições ao getDisplayMedia() para evitar compartilhamento excessivo acidental de tela.

  • A opção displaySurface pode indicar que o app da Web prefere oferecer um tipo de plataforma de exibição específico (guias, janelas ou telas).
  • A opção surfaceSwitching indica se o Chrome deve permitir que o usuário alterne dinamicamente entre guias compartilhadas.
  • A opção selfBrowserSurface pode ser usada para impedir que o usuário compartilhe a guia atual. Isso evita o efeito "campo de espelhos".
  • A opção systemAudio garante que o Chrome só ofereça uma captura de áudio relevante para o usuário.

O Safari 16.1 inclui uma correção adicional para a acessibilidade do display: contents, uma correção para unidades de altura dinâmica da janela de visualização (dvh) e suporte a rolagem para fragmentos de texto.

Parte da série para iniciantes na Web