A plataforma da Web começou a ser veiculada em julho

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

Versões estáveis do navegador

Em julho de 2023, o Firefox 115 e o Chrome 115 ficaram estáveis. Esta postagem analisa o que isso significa para a plataforma Web.

Vários valores para a propriedade CSS display

O Chrome 115 inclui diversos valores para a propriedade display do CSS. Isso significa que display: flex se torna display: block flex e display: block se torna display: block flow. Os valores únicos são mantidos como palavras-chave legadas, que agora estão disponíveis nos três principais mecanismos.

Compatibilidade com navegadores

  • 115
  • 115
  • 70
  • 15

Animações de rolagem

No Chrome 115, também existem as extensões ScrollTimeline e ViewTimeline na especificação Web Animations. Eles permitem animações de rolagem via CSS e JavaScript.

Compatibilidade com navegadores

  • 115
  • 115
  • x
  • x

Origem

APIs do Sandbox de privacidade

As APIs de relevância e medição do Sandbox de privacidade foram lançadas no Chrome 115. Isso inclui as APIs Topics, Protected Audience, Attribution Reporting, Private Aggregate, Shared Storage e Fenced Frames.

Para entender mais sobre essas APIs, confira as demonstrações do Sandbox de privacidade.

A propriedade animation-composition

O Firefox 115 é compatível com a propriedade CSS animation-composition. Agora o animation-composition é compatível com os três principais mecanismos. Saiba mais no artigo Especificar como vários efeitos de animação devem ser compostos com a composição de animação.

Compatibilidade com navegadores

  • 112
  • 112
  • 115
  • 16

Origem

Métodos de matriz

Um conjunto de métodos para Array e TypedArray também alcança a interoperabilidade com o Firefox 115. Array.toReversed(), Array.toSorted(), Array.toSpliced(), Array.with(), TypedArrays.toReversed(), TypedArrays.toSorted() e TypedArrays.with() retornam uma nova matriz com elementos que foram copiados superficiais.

Compatibilidade com navegadores

  • 110
  • 110
  • 115
  • 16

Origem

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 o Firefox 116 e o Chrome 116. As versões Beta do Safari 17 e do Safari 16.6 ainda estão em andamento. 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.

O Firefox 116 é compatível com a API Audio Output Devices em todas as plataformas, exceto no Android. Essa API permite que aplicativos da Web redirecionem a saída de áudio para um fone de ouvido, alto-falante ou outro dispositivo Bluetooth em vez de usar o navegador ou o sistema operacional padrão.

O Chrome 116 inclui uma trajetória de movimento CSS, que permite que qualquer objeto gráfico seja animado ao longo de um caminho especificado pelo desenvolvedor. Isso permite várias novas possibilidades de transformação poderosas, como o posicionamento usando coordenadas polares (com a função ray()) em vez das coordenadas retangulares padrão usadas pela função translate() ou animar um elemento ao longo de um caminho definido. Isso facilita a definição de transições espaciais 2D complexas e bonitas. Um caminho pode ser especificado como circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() e url().

Também no Chrome 116 está a API Document Picture-in-Picture. Isso permite uma janela sempre ativa que pode ser preenchida com HTMLElements arbitrários. Essa é uma expansão da API HTMLVideoElement existente que permite apenas que um HTMLVideoElement seja colocado em uma janela Picture-in-Picture (PiP).

Parte da série para iniciantes na Web