Novità sulla piattaforma web ad aprile

Scopri alcune delle funzionalità interessanti introdotte nei browser web stabili e beta durante il mese di aprile 2022.

Release del browser stabili

Ad aprile, Chrome 101 e Firefox 99 sono diventati stabili. Dopo il ritaglio iniziale di elementi, il mese scorso, la situazione è stata un po' più tranquilla ad aprile, ma abbiamo trovato alcune cose interessanti da utilizzare.

Chrome 101 include la notazione dei colori hwb. Specifica il colore in base alla tonalità, alla bianchezza e al nero. Come per altre notazioni di colore, un componente alpha facoltativo specifica l'opacità.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Per scoprire di più su hwb(), leggi questo articolo di Stefan Judis: hwb() – a color notation for humans?.

Supporto dei browser

  • Chrome: 101.
  • Edge: 101.
  • Firefox: 96.
  • Safari: 15.

Origine

In Chrome 101 è presente anche la funzionalità Priorità recupero. In questo modo, puoi suggerire al browser l'ordine in cui devono essere scaricate le risorse utilizzando l'attributo fetchpriority. Nell'esempio seguente, un'immagine con priorità bassa è indicata con fetchpriority="low".

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

La priorità di recupero non è ancora disponibile in altri browser, ma puoi iniziare a utilizzarla subito per offrire vantaggi a chiunque abbia un browser basato su Chromium 101.

Supporto dei browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Origine

Firefox 99 include la proprietà pdfViewerEnabled dell'interfaccia di navigazione. 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.
}

Supporto dei browser

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 99.
  • Safari: 16.4.

Origine

Release beta del browser

Le versioni beta del browser ti offrono un'anteprima delle funzionalità che saranno disponibili 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.

Le nuove beta di aprile sono state Chrome 102, Firefox 100 e Safari 15.5.

Le versioni di anteprima di Chrome 102, Safari 15.5 e Firefox includono l'attributo inert. In questo modo, gli elementi non interattivi vengono rimossi dall'ordine di tabulazione e dall'albero di accessibilità. ad esempio un elemento attualmente fuori schermo o nascosto.

Chrome 102 include il nuovo valore until-found per l'attributo HTML hidden. In questo modo, puoi trovare il testo all'interno di una pagina e scorrere fino al frammento di testo all'interno di un'area compressa della pagina, come in un modello a fisarmonica. Scopri di più nel post Rendere accessibili i contenuti compressi con hidden=until-found.

Supporto dei browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: non supportato.
  • Safari: non supportato.

Origine

Chrome 102 include anche l'API Local Fonts Access, che consente di accedere ai caratteri installati localmente dall'utente.

Queste funzionalità beta saranno presto disponibili nei browser stabili.

Parte della serie Novità per il web