Novità sulla piattaforma web a febbraio

Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a febbraio 2023.

Release del browser stabile

A febbraio 2023, Firefox 110 e Chrome 110 sono diventati stabili. Vediamo cosa comporta tutto ciò per la piattaforma web.

Query dei container in tutti e tre i motori

Firefox 110 includeva il supporto per le query relative alle dimensioni del contenitore, rendendo disponibile questa funzionalità chiave in tutti e tre i motori.

Supporto dei browser

  • 105
  • 105
  • 110
  • 16

Fonte

Lettere iniziali CSS

Chrome 110 aggiunge il supporto per la proprietà CSS initial-letter. Questa proprietà imposta il numero di righe che una lettera iniziale deve scendere nelle seguenti righe di testo. Per scoprire di più, consulta il post Controllare le calorie con la lettera iniziale del CSS.

Supporto dei browser

  • 110
  • 110
  • x
  • 9

Fonte

Iterazione asincrona ReadableStream

Firefox ha aggiunto il supporto del protocollo iterabile asincrono in ReadableStream.

AudioContext.setSinkId()

In Chrome AudioContext.setSinkId consente di impostare l'ID del dispositivo audio da utilizzare per l'output. In questo modo AudioContext può indirizzare l'audio a un dispositivo di output connesso di tua scelta.

Scopri di più su questa funzionalità nell'articolo Cambiare il dispositivo di output di destinazione in audio web.

Supporto dei browser

  • 110
  • 110
  • x
  • x

Fonte

IFrame senza credenziali

Sempre in Chrome, l'opzione IFrame senza credenziali consente agli sviluppatori di caricare documenti in iframe di terze parti utilizzando contesti nuovi e temporanei. Gli iframe senza credenziali sono una generalizzazione del COEP senza credenziali per supportare iframe di terze parti che potrebbero non eseguire il deployment di COEP. In questo modo viene rimosso il vincolo che gli iframe di terze parti devono supportare COEP per essere incorporati in una pagina COEP e sbloccheranno gli sviluppatori che vogliono adottare l'isolamento multiorigine.

Scopri di più sull'iframe senza credenziali.

Supporto dei browser

  • 110
  • 110
  • x
  • x

Stabile iniziale

Chrome 110 ha contrassegnato anche una modifica nel programma delle release di Chrome. La release early stabile verrà implementata una settimana prima della release generale, per una piccola percentuale di utenti. Puoi scoprire di più su questa modifica nell'articolo Cambiamento del programma delle release di Chrome 110.

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 111, Safari 16.4 e Chrome 111. Queste release introducono molte fantastiche funzionalità nella piattaforma. Consulta le note di rilascio per tutti i dettagli, ecco alcune delle principali novità.

Firefox aggiunge il supporto per il file OPFS (Origin Private File System) quando utilizzi l'API File System Access.

Chrome include tutte le funzionalità descritte in Livello di colore 4 del CSS. Sono inclusi quattro tipi di colori indipendenti dal dispositivo (lab, Oklab, lch e Oklch), la funzione color() e spazi colore definiti dall'utente per gradienti e animazioni. È inclusa anche la funzione color-mix() del colore 5 del CSS.

Leggi la guida ai colori CSS ad alta definizione per scoprire di più su questi nuovi tipi di colori e spazi.

Chrome include anche l'API View Transiziones, che consente transizioni fluide nelle applicazioni a pagina singola (APS). Scopri di più nella documentazione per Visualizzare le transizioni.

Sempre in Chrome 111 è disponibile lo shadow DOM dichiarativo, un nuovo modo per implementare e utilizzare lo shadow DOM direttamente nel codice HTML.

Safari 16.4 promette di essere una versione enorme per la piattaforma. Per quanto riguarda il CSS, la release include il supporto delle pseudo-classi :user-invalid e :user-valid, la proprietà margin-trim, la sintassi dell'intervallo per le query supporti, il supporto dell'API Proprietà e valori CSS e @property.

Safari include anche il supporto per Web Push e l'API Badging, oltre a una serie di altre API web. Si tratta di una release davvero entusiasmante che vedrà una serie di funzionalità raggiungere l'interoperabilità.

Parte della Nuova serie web