Nova plataforma da Web em fevereiro

Descubra alguns dos recursos interessantes que foram lançados em navegadores da Web estáveis e Beta em fevereiro de 2022.

Rachel Andrew

Versões estáveis do navegador

Em fevereiro, o Chrome 98 e o Firefox 97 passaram a ser estáveis.

O Chrome 98 enviou o método self.structuredClone. Ele cria um clone profundo de um valor usando o algoritmo de clone estruturado. Saiba mais sobre structuredClone().

O Firefox 97 inclui Camadas da Cascade. A regra @layer define uma camada em cascata, ajudando você a controlar a especificidade.

@layer framework {
  /* creates a new layer named framework */
}

O Firefox é o primeiro navegador a lançar isso em uma versão de lançamento. No entanto, confira a seção desta postagem sobre versões Beta, porque esse recurso vai estar disponível em breve. Saiba mais sobre as Camadas em cascata do seu navegador.

O Firefox também acessa a propriedade scrollbar-gutter. Essa propriedade ajuda a remover mudanças de layout causadas por uma barra de rolagem que aparece à medida que o conteúdo cresce.

O gutter da barra de rolagem é o espaço entre a borda interna da borda e a borda externa do padding. É aqui que uma barra de rolagem vai aparecer, se necessário. Se não houver uma barra de rolagem, o gutter será mostrado como uma extensão do padding. O CSS a seguir adicionaria espaçamento para o tamanho da barra de rolagem em ambos os lados da caixa, para manter a aparência simétrica.

.container {
  scrollbar-gutter: stable both-edges;
}

O Chrome 98 oferece suporte a fontes vetoriais de gradiente de cor COLRv1 como um novo formato de fonte. Uma fonte colorida contém glifos com várias cores, como um emoji, uma bandeira de país ou uma letra multicolorida.

Leia mais sobre esse novo formato de fonte em Fontes vetoriais de gradiente de cor do COLRv1 no Chrome 98 (link em inglês).

Versões Beta do navegador

As versões Beta do navegador oferecem uma prévia dos recursos que vão estar na próxima versão estável do navegador. Esse é um ótimo momento para testar novos recursos, ou remoções, que podem afetar seu site antes do lançamento oficial.

As novas versões Beta de fevereiro foram o Chrome 99 e o Firefox 98. A versão Beta 15.4 do Safari ainda está em andamento. Falei sobre algumas das coisas incluídas no mês passado.

O Chrome 99 inclui camadas em cascata, e, com a disponibilidade delas no Safari Beta 15.4, podemos esperar que esse recurso seja lançado em todos os navegadores em breve.

No Chrome 99, também há vários novos atributos para a CanvasRenderingContext2D e um novo método showPicker() na HTMLInputElement, que é uma forma de mostrar um seletor de navegador para data, hora, cor e arquivos.

No Firefox 98, você vai encontrar o elemento <dialog>. Outro recurso que vai estar em todos os navegadores Evergreen quando as versões Beta do Firefox e do Safari se tornarem estáveis.

Todos esses recursos Beta serão lançados em breve nos navegadores estáveis.

Parte da série Novidades da Web