Nova plataforma da Web em fevereiro

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

Em fevereiro de 2023, o Firefox 110 e o Chrome 110 se tornaram estáveis. Vamos dar uma conferida no que isso significa para a plataforma da Web.

O Firefox 110 incluiu suporte para consultas de contêiner de tamanho, disponibilizando esse recurso fundamental em todos os três mecanismos.

Compatibilidade com navegadores

  • 105
  • 105
  • 110
  • 16

Origem

Letras iniciais do CSS

O Chrome 110 adiciona suporte à propriedade CSS initial-letter. Essa propriedade define o número de linhas que uma letra inicial precisa ser colocada nas linhas de texto a seguir. Saiba mais na postagem Controlar os limites de queda com a letra inicial CSS.

Compatibilidade com navegadores

  • 110
  • 110
  • x
  • 9

Origem

Iteração assíncrona ReadableStream

O Firefox adicionou suporte ao protocolo iterável assíncrono em ReadableStream.

AudioContext.setSinkId()

No Chrome, AudioContext.setSinkId define o ID do dispositivo de áudio a ser usado para saída. Isso permite que o AudioContext encaminhe o áudio para um dispositivo de saída conectado de sua escolha.

Saiba mais sobre esse recurso na postagem Mudar o dispositivo de saída de destino no Web Audio.

Compatibilidade com navegadores

  • 110
  • 110
  • x
  • x

Origem

IFrame sem credenciais

Ainda no Chrome, o IFrame sem credenciais oferece aos desenvolvedores uma maneira de carregar documentos em iframes de terceiros usando contextos novos e temporários. O iframe sem credencial é uma generalização do COEP sem credenciais para oferecer suporte a iframes de terceiros que podem não implantar o COEP. Isso remove a restrição de que os iframes de terceiros precisam oferecer suporte à COEP para serem incorporados a uma página COEP e vai desbloquear os desenvolvedores que buscam adotar o isolamento de origem cruzada.

Saiba mais sobre o iframe sem credenciais.

Compatibilidade com navegadores

  • 110
  • 110
  • x
  • x

Estável inicial

O Chrome 110 também marcou uma mudança na programação de lançamentos do Chrome. A versão estável inicial será lançada uma semana antes da versão geral e para uma pequena porcentagem de usuários. Saiba mais sobre essa mudança no artigo Alteração na programação de lançamentos do Chrome 110.

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 Firefox 111, Safari 16.4 e Chrome 111. 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.

Agora o Firefox é compatível com o Sistema de Arquivos Particulares de Origem (OPFS, na sigla em inglês) ao usar a API File System Access.

O Chrome inclui todos os recursos descritos no CSS de nível 4. Isso inclui quatro tipos de cores independentes de dispositivos (lab, Oklab, lch e Oklch), a função color() e espaços de cor definidos pelo usuário para gradientes e animações. A função color-mix() da CSS Color 5 também está incluída.

Leia o Guia de cores CSS de alta definição para saber mais sobre esses novos tipos de cores e espaços.

O Chrome também inclui a API View Transitions, que permite transições refinadas em aplicativos de página única (SPAs). Saiba mais na documentação de transições de visualização.

Também no Chrome 111 está o shadow DOM declarativo, uma nova maneira de implementar e usar o shadow DOM diretamente em HTML.

O Safari 16.4 promete ser um grande lançamento para a plataforma. Para CSS, a versão inclui suporte para as pseudoclasses :user-invalid e :user-valid, a propriedade margin-trim, a sintaxe de intervalo para consultas de mídia, além de suporte para a API CSS Properties and Values e @property.

O Safari também é compatível com Web Push e Badging API, além de várias outras APIs Web. É uma versão muito empolgante na qual vários recursos alcançarão a interoperabilidade.

Parte da série para iniciantes na Web