Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a luglio 2022.
Release del browser stabile
A luglio, Firefox 103 e Safari 15.6 sono diventati stabili e con questo abbiamo ottenuto l'interoperabilità su un paio di utili funzionalità CSS.
La proprietà backdrop-filter
Firefox 103 include la proprietà backdrop-filter
, utilizzata per applicare effetti come la sfocatura all'area dietro un elemento. Con questo valore in Firefox, è ora disponibile in tutti e tre i motori, anche se Safari richiede il prefisso -webkit
.
La proprietà scroll-snap-stop
Firefox ha anche implementato la proprietà scroll-snap-stop
. Questa proprietà ti consente di stabilire se un elemento di scorrimento deve superare le possibili posizioni di agganciamento (con il valore predefinito normal
) o deve essere agganciato al primo (con il valore always
). La proprietà scroll-snap-stop
ora si trova in tutti e tre i motori del browser.
Safari 15.6 era una release dedicata principalmente alla risoluzione dei problemi, ma ha ottenuto una nuova funzionalità CSS con la pseudo-classe :modal
. Questa funzionalità è stata fornita anche in Firefox 103. La pseudo-classe :modal
seleziona un elemento quando non è possibile interagire con tutto al di fuori di quell'elemento finché non viene ignorato. Ad esempio, un elemento dialog
aperto con showModal()
.
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.
A causa di date di rilascio appena antecedenti al mese, l'unica nuova versione beta di giugno era Firefox 104.
In Firefox 104 sono incluse l'API CSS Font Upload nei web worker e la proprietà CSS animation-composition
, che definisce l'operazione di composizione utilizzata quando più animazioni influiscono sulla stessa proprietà contemporaneamente.
Anche la versione beta di Safari 16 menzionata il mese scorso è ancora in corso.
Queste funzionalità beta saranno disponibili a breve in browser stabili.
Parte della Nuova serie web