Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a marzo 2022.
Release del browser stabile
A marzo, Chrome 99, Chrome 100, Firefox 98 e Safari 15.4 sono diventati stabili. Ciò ha introdotto una serie completa di nuove funzionalità sulla piattaforma, e molte di queste aggiunte hanno consentito di rendere disponibile la funzionalità in tutti e tre i motori del browser. In questo post mi sono concentrato su quelle aggiunte che ci offrono l'interoperabilità tra browser, ma controlla le note di rilascio per vedere tutte le funzionalità aggiunte a ogni motore.
Chrome 99 e Safari 15.4 includevano i livelli a cascata. La regola at @layer
definisce un livello a cascata, aiutandoti a controllare la specificità. Si uniscono a Firefox e, per questo, Cascade Layers è ora disponibile in tutti e tre i motori del browser. Scopri di più sui livelli Cascade in I livelli Cascade saranno presto disponibili per il tuo browser.
Chrome 100 include il nuovo valore di plus-lighter
per la proprietà CSS mix-blend-mode. Questo valore è utile quando si esegue la dissolvenza incrociata di due elementi quando tutti o un sottoinsieme di pixel hanno gli stessi valori. Per ulteriori informazioni sul problema risolto, consulta Al momento la dissolvenza incrociata di due elementi DOM è impossibile.
Supporto dei browser
- 100
- 100
- 99
- 9.1
Safari 15.4 include la proprietà contain
, consentendo il contenimento del CSS.
Sempre in Safari 15.4 è disponibile accent-color
, che offre il controllo sul colore di contrasto utilizzato per alcuni controlli dei moduli.
Firefox 98 e Safari 15.4 hanno generato l'elemento <dialog>
, che rappresenta una finestra di dialogo.
Safari 15.4 ha anche completato il supporto della pseudo-classe :focus-visible
. Il lavoro di implementazione in merito è stato realizzato da Igalia.
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 a marzo sono state Chrome 101 e Firefox 99.
Chrome 101 beta include la notazione dei colori hwb. Specifica il colore in base alla tonalità, al bianco e al nero. Come per altra notazione del colore, un componente alfa facoltativo specifica l'opacità.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Firefox 99 include la proprietà pdfViewerEnabled
dell'interfaccia di Navigatore. Questa proprietà indica se il browser supporta la visualizzazione in linea dei file PDF.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Queste funzionalità beta saranno disponibili a breve in browser stabili.
Parte della Nuova serie web