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