Novità sulla piattaforma web a settembre

Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a settembre 2022.

A settembre, Firefox 105, Chrome 106 e Safari 16 sono diventati stabili. Ciò significa che il post di settembre è ricco di cose entusiasmanti per la piattaforma web.

Safari 16 aggiunge il supporto per le query relative ai container, una funzionalità ora disponibile in due motori. Safari aggiunge anche il supporto per le nuove unità di query del contenitore.

Supporto dei browser

  • 105
  • 105
  • 110
  • 16

Fonte

Layout a griglia

Safari ha ottenuto il supporto per il valore subgrid di grid-template-columns e grid-template-rows. L'uso di questo valore in una griglia che è anche un elemento della griglia significa che, anziché definire nuove tracce, la griglia utilizza quelle che occupa l'elemento principale.

In Safari o Firefox, le intestazioni e i piè di pagina in queste schede saranno allineati, poiché le relative tracce sono una sottogriglia dell'elemento principale.

Supporto dei browser

  • 117
  • 117
  • 71
  • 16

Fonte

Inoltre, in Safari, per il layout a griglia è la possibilità di animare le tracce della griglia.

Supporto dei browser

  • 107
  • 107
  • 66
  • 16

Safari ha inoltre aggiunto il supporto per offset-path, overscroll-behavior, text-align-last e la risoluzione media query.

API Encoding

Firefox 105 supporta le interfacce TextDecoderStream e TextEncoderStream dell'API Encoding.

Supporto dei browser

  • 71
  • 79
  • 105
  • 14.1

Fonte

Nuove API internazionali

Le API internazionali consentono di visualizzare i contenuti in un formato localizzato e in Chrome 106 sono state aggiunte tante nuove funzionalità per il formato numerico.

Come altre API Intl, questo trasferisce il carico sul sistema, perciò non devi inviare o gestire un codice di localizzazione complesso per ogni utente. L'API sa dove va il simbolo della valuta, come formattare date e ore o come compilare un elenco.

Il metodo showChooseer()

Safari 16 contiene il metodo showPicker(), che consente di mostrare in modo canonico un selettore del browser per date, ora, colore e file. Puoi scoprire di più nell'articolo Mostrare un selettore del browser per data, ora, colore e file.

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 di questo mese sono Chrome 107, Safari 16.1 e Firefox 106.

Chrome 107 include la possibilità di animare le tracce griglia, disponibile anche in Safari questo mese. Una volta approdato in Chrome, sarà supportato in tutti e tre i motori principali.

Inoltre, in Chrome ci sono alcune aggiunte a getDisplayMedia() il cui scopo è evitare la condivisione eccessiva accidentale durante la condivisione dello schermo.

  • L'opzione displaySurface può indicare che l'app web preferisce offrire un tipo specifico di superficie di visualizzazione (schede, finestre o schermate).
  • L'opzione surfaceSwitching indica se Chrome deve consentire all'utente di passare in modo dinamico da una scheda condivisa all'altra.
  • L'opzione selfBrowserSurface può essere utilizzata per impedire all'utente di condividere la scheda corrente. In questo modo si evita l'effetto "sala degli specchi".
  • L'opzione systemAudio garantisce che Chrome offra all'utente soltanto acquisizioni audio pertinenti.

Safari 16.1 include una correzione aggiuntiva all'accessibilità di display: contents, una correzione relativa alle unità di altezza dinamica dell'area visibile (dvh) e supporto per lo scorrimento fino ai frammenti di testo.

Parte della Nuova serie web