Novità sulla piattaforma web a luglio

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

A luglio, Firefox 103 e Safari 15.6 sono diventati stabili e con questo è possibile ottenere l'interoperabilità con un paio di interessanti funzionalità CSS.

Firefox 103 include la proprietà backdrop-filter utilizzata per applicare effetti come la sfocatura all'area dietro un elemento. Grazie a questo valore in Firefox, ora è disponibile in tutti e tre i motori, anche se Safari richiede il prefisso -webkit.

Supporto dei browser

  • 76
  • 79
  • 103
  • 18

Origine

La proprietà scroll-snap-stop

Anche Firefox ha implementato la proprietà scroll-snap-stop. Questa proprietà ti consente di decidere se un elemento scorrevole passa su possibili posizioni di agganciamento (con il valore predefinito normal) o se deve agganciarsi alla prima (con il valore always). La proprietà scroll-snap-stop ora si trova in tutti e tre i motori del browser.

Supporto dei browser

  • 75
  • 79
  • 103
  • 15

Origine

Safari 15.6 era una release dedicata principalmente alla risoluzione dei problemi, ma ha introdotto una nuova funzionalità CSS con la pseudo-classe :modal. Questa funzione è stata fornita anche in Firefox 103. La pseudo-classe :modal seleziona un elemento quando non è possibile interagire con tutti gli elementi al di fuori di quell'elemento finché non viene ignorato. Ad esempio, un elemento dialog aperto con showModal().

Supporto dei browser

  • 105
  • 105
  • 103
  • 15,6

Origine

Versioni del browser beta

Le versioni beta del browser offrono un'anteprima di elementi che saranno nella prossima versione stabile del browser. È un ottimo momento per testare nuove funzionalità, o rimozioni, che potrebbero avere un impatto sul tuo sito prima che il mondo venga rilasciato.

Poiché le date di uscita non si avvicinavano più al mese, a giugno l'unica nuova versione beta è stata 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 presto disponibili nei browser stabili.

Parte della serie Novità per il web