Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e Beta em fevereiro de 2022.
Versões estáveis do navegador
Em fevereiro, o Chrome 98 e o Firefox 97 ficaram estáveis.
O Chrome 98 enviou o método self.structuredClone. Ela cria um clone profundo de um valor usando o algoritmo do clone estruturado. Leia mais sobre structuredClone().
O Firefox 97 inclui Camadas Cascade. A at-rule @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 fazer isso em uma versão de lançamento. No entanto, confira a seção desta postagem sobre versões Beta, já que esse recurso logo estará disponível em todos os locais. Saiba mais sobre as camadas da Cascade em As camadas da Cascade estão chegando ao seu navegador.
O Firefox também tem 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.
Uma medianiz da barra de rolagem é o espaço entre a borda interna e a borda externa do padding. É aqui que uma barra de rolagem aparecerá, se necessário. Se nenhuma barra de rolagem estiver presente, o gutter será exibido como uma extensão do padding. O CSS a seguir adicionaria espaçamento no 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 é compatível com fontes vetoriais gradientes de cor COLRv1 como um novo formato de fonte adicional. Uma fonte colorida contém glifos com várias cores, como um emoji, uma bandeira de um país ou uma letra de várias cores.
Leia mais sobre esse novo formato de fonte em Fontes vetoriais COLRv1 de gradiente de cor no Chrome 98.
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 em fevereiro foram Chrome 99 e Firefox 98. O Safari Beta 15.4 ainda está em andamento. Abordamos alguns dos tópicos incluídos no mês passado.
O Chrome 99 inclui Cascade Layers, além do Cascade Layers no Safari Beta 15.4. Esperamos ver esse recurso em todos os navegadores atemporais em breve.
Também no Chrome 99 há vários novos atributos para CanvasRenderingContext2D e um novo método showPicker() no HTMLInputElement, que é uma forma de mostrar um seletor de navegador para data, hora, cor e arquivos.
No Firefox 98, você encontrará o elemento <dialog>. Outro recurso que estará em todos os navegadores atemporais assim que as versões beta do Firefox e do Safari se tornarem estáveis.
Todos esses recursos Beta estarão disponíveis em navegadores estáveis em breve.
Parte da série para iniciantes na Web