Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta ad agosto 2023.
Release del browser stabile
Ad agosto 2023, Firefox 116, Firefox 117, Safari 16.6 e Chrome 116 sono diventati stabili. Questo post illustra cosa significa per la piattaforma web.
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).
Firefox 117 supporta la nidificazione CSS e il selettore di nidificazione &
. In questo modo è possibile nidificare una regola di stile all'interno di un'altra. In questo modo, la nidificazione di CSS è interoperabile con un'avvertenza, Safari e Chrome hanno implementato una versione precedente della specifica, che non consentiva la nidificazione dei selettori dei tipi. Firefox ha implementato la nuova versione delle specifiche che non richiede il selettore di nidificazione di &
. Per visualizzare esempi di entrambe le versioni, consulta la pagina relativa all'utilizzo della nidificazione di CSS.
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 118 e Chrome 117. La versione beta di Safari 17 è 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à.
Non sono ancora disponibili molte informazioni per la prossima versione di Firefox. Tuttavia, Chrome 117 promette alcune funzionalità interessanti. Ad esempio, alcune nuove funzionalità CSS che attivano le animazioni di ingresso e uscita.
Il valore subgrid
per grid-template-columns
e grid-template-rows
è incluso nella versione 117 di Chrome, il che rende interoperabile la funzionalità.
Sempre in Chrome 117 è presente il raggruppamento di array JavaScript con i metodi statici Object.groupBy e Map.groupBy.
Safari 17 beta include l'attributo popover
, per aggiungere il supporto per l'API Popover.
Parte della Nuova serie web