Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a luglio 2023.
Release del browser stabile
A luglio 2023 Firefox 115 e Chrome 115 sono diventati stabili. Questo post illustra cosa significa per la piattaforma web.
Più valori per la proprietà display
CSS
Chrome 115 include più valori per la proprietà CSS display
. Ciò significa che display: flex
diventa display: block flex
e display: block
diventa display: block flow
. I singoli valori vengono mantenuti come parole chiave precedenti e questi valori sono ora disponibili nei tre motori principali.
Supporto dei browser
- 115
- 115
- 70
- 15
Animazioni con scorrimento
Sempre in Chrome 115 sono presenti le estensioni ScrollTimeline
e ViewTimeline
della specifica delle animazioni web. Queste consentono di attivare le animazioni con scorrimento tramite CSS e JavaScript.
API Privacy Sandbox
Le API per la misurazione e la pertinenza di Privacy Sandbox fornite in Chrome 115. Sono incluse le API Topics, Protected Audience, Attribution Reporting, Private Aggregation, Shared Storage e Fenced Frames.
Per saperne di più su queste API, consulta le demo di Privacy Sandbox.
La proprietà animation-composition
Firefox 115 supporta la proprietà CSS animation-composition
. Fare in modo che animation-composition
venga supportato in tutti e tre i motori principali. Scopri di più nell'articolo Specificare come devono essere composti più effetti di animazione con animazione-composition.
Metodi array
Per raggiungere l'interoperabilità con Firefox 115 è disponibile anche un insieme di metodi per Array
e TypedArray
. Array.toReversed()
, Array.toSorted()
, Array.toSpliced()
, Array.with()
, TypedArrays.toReversed()
, TypedArrays.toSorted()
e TypedArrays.with()
restituiscono un nuovo array con elementi copiati in modo superficiale.
Release del browser beta
Le versioni beta del browser offrono un'anteprima degli elementi che saranno disponibili nella versione stabile successiva del browser. È un ottimo momento per testare le nuove funzionalità, o le rimozioni, che potrebbero avere un impatto sul tuo sito prima dell'uscita ufficiale. Le nuove versioni beta sono Firefox 116 e Chrome 116. Le versioni beta di Safari 17 e Safari 16.6 sono ancora in corso. Queste release introducono molte fantastiche funzionalità nella piattaforma. Consulta le note di rilascio per tutti i dettagli, ecco alcune delle principali novità.
Firefox 116 supporta l'API Audio Output Devices su tutte le piattaforme, ad eccezione di Android. Questa API consente alle applicazioni web di reindirizzare l'uscita audio a cuffie, vivavoce o a un altro dispositivo Bluetooth consentiti, anziché dover utilizzare il browser o il sistema operativo predefinito sottostante.
Chrome 116 include un percorso di animazione CSS che consente di animare qualsiasi oggetto grafico lungo un percorso specificato dallo sviluppatore. Ciò consente una serie di nuove ed efficaci possibilità di trasformazione, come il posizionamento mediante coordinate polari (con la funzione ray()
) anziché le coordinate rettangolari standard utilizzate dalla funzione translate()
oppure l'animazione di un elemento lungo un percorso definito. In questo modo è più facile definire transizioni spaziali 2D complesse e belli. Un percorso può essere specificato come circle()
, ellipse()
, rect()
, inset()
, xywh()
, polygon()
, ray()
e url()
.
Sempre in Chrome 116 è disponibile l'API Document Picture-in-Picture. Ciò consente una finestra sempre in primo piano che può essere compilata con HTMLElements arbitrari. Si tratta di un'espansione dell'API HTMLVideoElement esistente che consente di inserire solo un HTMLVideoElement in una finestra Picture in picture (PIP).
Parte della Nuova serie web