Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a novembre 2023.
Release del browser stabile
A novembre 2023, abbiamo rilasciato una sola release del browser stabile con Firefox 120. Questo post spiega cosa significa per la piattaforma web.
Supporto per l'attributo media
nell'elemento <source>
Firefox reintroduce il supporto per l'attributo media
nell'elemento <source>
. Il supporto è stato esteso per includere gli elementi <audio>
e <video>
. In questa release, l'attributo multimediale sarà disponibile negli elementi <source>
all'interno di <audio>
, <video>
e <picture>
.
Il supporto dell'attributo media
sarà presto disponibile in Chrome ed è già disponibile in Safari, quindi presto riceverai il supporto per audio e video HTML adattabili in tutti i motori.
La funzione CSS Colore light-dark()
Firefox ora supporta la funzione colore CSS light-dark()
. Ciò significa che puoi impostare i colori per gli schemi chiari e scuri senza utilizzare la funzionalità multimediale di prefers-color-scheme
.
Le unità lh
e rlh
Firefox supporta le unità CSS lh
e rlh
. Queste unità consentono di impostare valori relativi all'altezza della riga di un elemento; ciò è utile quando vuoi allineare le immagini di sfondo al testo.
Questa versione rende gli unt interoperabili tra i tre motori principali.
Supporto dei browser
- 109
- 109
- 120
- 16.4
HTTP 103 - Early Suggerimenti
Firefox ora supporta il codice di stato di risposta alle informazioni HTTP 103 Early Hints.
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 a livello mondiale. Le nuove versioni beta sono Firefox 121, Chrome 120 e Safari 17.2. Queste release introducono molte fantastiche funzionalità nella piattaforma. Per tutti i dettagli, consulta le note di rilascio. Ecco alcuni punti salienti.
Chrome 120 e Safari 17.2 includono analisi semplificata per la nidificazione di CSS.
Chrome 120 annulla il prefisso delle proprietà -webkit-mask*
e le allinea con le specifiche attuali. Sono inclusi mask-image
, mask-mode
, mask-repeat
, mask-position
, mask-clip
, mask-origin
, mask-size
e mask-composite
, nonché la scorciatoia mask
. I riferimenti mask-image
locali sono supportati, la serializzazione ora corrisponde alla specifica e i valori accettati ora corrispondono alla specifica.
Chrome 120 e Safari 17.2 includono il supporto per l'attributo name
per l'elemento
<details>
.
Firefox 121 include il selettore CSS :has()
. Questa release rende :has()
interoperabile tra tutti i principali motori.
Parte della Nuova serie web