Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta nel mese di dicembre 2022.
Release del browser stabile
A dicembre, Firefox 108 e Safari 16.2 sono diventati stabili. Vediamo cosa comporta tutto ciò per la piattaforma web.
Supporto per gli attributi height
e width
di <source>
Firefox 108 supporta gli attributi height
e width
per l'elemento <source>
, quando è un elemento secondario di un elemento <picture>
. Questi attributi accettano l'altezza o la larghezza dell'immagine, in pixel, come un numero intero senza un'unità.
Supporto dei browser
- 90
- 90
- 108
- 15
Funzioni CSS trigonometriche
Firefox ora supporta anche le funzioni trigonometriche in CSS: sin()
, cos()
, tan()
, asin()
, acos()
, atan()
e atan2()
.
Supporto dell'ultima base di riferimento in tutti e tre i motori
Oltre a una serie di correzioni CSS, Safari 16.2 include l'allineamento last baseline
per griglia CSS e layout flexbox, il che significa che questa funzionalità ora è supportata nei tre motori principali del browser.
CSS font-variant-alternates
Safari aggiunge anche il supporto per valori aggiuntivi per la proprietà CSS font-variant-alternates
: annotazioni(nome-valore), variante-caratteri(nome-valore), ornaments(nome-valore), styleset(nome-valore), stilistico(nome-valore), swash(nome-valore), insieme alla regola at-rule di @font-feature-values
associata.
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 109, Safari 16.3 e Chrome 109.
L'unica nuova funzionalità elencata per Safari 16.3 è l'aggiunta dell'istruzione CSP (Content-Security-Policy) prefetch-src
. Questa versione beta presenta anche una serie di correzioni.
Chrome 109 supporta MathML Core, un linguaggio per la descrizione della notazione matematica incorporabile in HTML e SVG.
La novità di Chrome su Android è la conferma dei pagamenti sicuri (SPC). Si tratta di uno standard web proposto che consente ai clienti di autenticarsi con un emittente di carte di credito, una banca o un altro fornitore di servizi di pagamento utilizzando un autenticatore di piattaforma, in genere attivato con la funzione di sblocco dello schermo di un dispositivo come il sensore di impronte digitali.
Un'altra novità per Chrome su Android è l'Origin Private File System (OPFS), che fa parte dell'API File System Access su Android. Ciò include tutta la piattaforma dell'API File System Access, tranne i metodi show{OpenFile, SaveFile, Directory}Picker()
e l'integrazione dell'API Drag and Drop.
Per i CSS in Chrome abbiamo l'unità di lunghezza lh
. Questa unità è equivalente al valore calcolato della proprietà line-height per l'elemento su cui viene utilizzata. Inoltre, la proprietà hyphenate-limit-chars
che specifica il numero minimo di caratteri in una parola con trattino.
Al momento della scrittura, e forse a causa del periodo delle festività, le note di rilascio di Firefox non sono state aggiornate.
Altre notizie
Questo post segna la dodicesima edizione di questa serie di post del blog, che offre una selezione di cose interessanti che sbloccheranno nei browser ogni mese nel 2022. Tornerò nel 2023 per continuare a condividere alcune delle cose interessanti pubblicate sulla piattaforma web ogni mese.
Molte delle funzionalità disponibili nei browser nell'ultimo anno e molte di quelle menzionate come "correzioni CSS" facevano parte di Interop 2022. Per ulteriori informazioni, leggi il report di fine anno del team di Chrome su questa iniziativa cross-browser per migliorare alcuni dei principali punti dolenti dell'interoperabilità sulla piattaforma web.
Infine, interessante per chi legge questo post, è questo elenco di aggiornamenti basato sui dati sulla compatibilità del browser MDN, rilasciati dai nostri amici di MDN.
Parte della Nuova serie web