Iniciante na plataforma da Web em janeiro

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

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

O Chrome 109 é compatível com o MathML Core, uma linguagem para descrever notação matemática incorporável em HTML e SVG. Com esta versão, o MathML agora é interoperável entre todos os principais mecanismos.

O evento scrollend

O Firefox 109 implementa o scrollend. Esse evento fornece uma maneira confiável de detectar que uma rolagem foi concluída. Saiba mais sobre esse evento, que também está sendo implementado no Chrome, no artigo Scrollend, um novo evento JavaScript.

Compatibilidade com navegadores

  • 114
  • 114
  • 109
  • x

Origem

A unidade de comprimento CSS lh e hyphenate-limit-chars

Para CSS no Chrome, temos a unidade de comprimento lh. Essa unidade é equivalente ao valor calculado da propriedade line-height no elemento em que é usada.

Compatibilidade com navegadores

  • 109
  • 109
  • 120
  • 16.4

Além disso, a propriedade hyphenate-limit-chars que especifica o número mínimo de caracteres em uma palavra com hífen.

Compatibilidade com navegadores

  • 109
  • 109
  • x
  • x

Política de Segurança de Conteúdo (CSP) prefetch-src

O Safari 16.3 é principalmente uma versão de correções e resolve vários problemas de dimensionamento de CSS. O único recurso novo listado nas observações é a adição da diretiva prefetch-src da Política de Segurança de Conteúdo (CSP).

Compatibilidade com navegadores

  • x
  • x
  • x
  • 16.3

Origem

Recursos do Chrome no Android

Uma novidade do Chrome no Android é a Confirmação de pagamento seguro (SPC, na sigla em inglês). Esse é um padrão da Web proposto que permite que os clientes façam a autenticação com um emissor de cartão de crédito, banco ou outro provedor de serviços de pagamento usando um autenticador de plataforma, normalmente ativado com um recurso de desbloqueio de tela de um dispositivo, como um sensor de impressão digital.

O Origin Private File System (OPFS) também é uma novidade do Chrome no Android, parte da API File System Access no Android. Isso inclui toda a plataforma da API File System Access, menos os métodos show{OpenFile, SaveFile, Directory}Picker() e a integração da API Drag and Drop.

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 110 e Chrome 110.

O Chrome 110 inclui a propriedade CSS initial-letter. Essa propriedade fornece uma maneira de definir o número de linhas que uma letra inicial precisa ser inserida no texto. Saiba mais no artigo Controlar os limites de queda com a letra inicial CSS.

Além disso, para CSS no Chrome 110 está a pseudoclasse :picture-in-picture. Isso permite segmentar e personalizar o player de mídia quando os vídeos entram e saem do modo picture-in-picture.

O Chrome inclui o método setSinkID() da API AudioContext. Esse método oferece uma maneira de mudar o dispositivo de áudio de destino ao usar o Web Audio.

O Firefox 110 inclui Consultas de contêiner de tamanho, o que nos permitirá interoperabilidade entre os três principais mecanismos de navegador para esse recurso tão esperado.

Parte da série para iniciantes na Web