Novità sulla piattaforma web ad aprile

Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta ad aprile 2023.

Rachel Andrew

Release del browser stabile

Nell'aprile 2023, Firefox 112 e Chrome 112 sono diventati stabili. Vediamo cosa comporta tutto ciò per la piattaforma web.

Attributo inert

Firefox 112 include l'attributo globale inert. Questo attributo indica al browser di ignorare l'elemento, indicando il contenuto che non deve essere interattivo. Il GDPR:

  • Impedisce l'attivazione di eventi click.
  • Impedisce che l'elemento venga evidenziato.
  • Esclude l'elemento e i suoi contenuti dall'albero dell'accessibilità.

Questo attributo è ora interoperabile in tutti e tre i motori.

Supporto dei browser

  • 102
  • 102
  • 112
  • 15.5

Fonte

La funzione di easing di linear()

La funzione di easing di linear() consente l'interpolazione lineare tra più punti. Ciò consente animazioni più complesse, come effetti di rimbalzo ed elasticità. Questa funzione è in Firefox 112.

Supporto dei browser

  • 113
  • 113
  • 112
  • 17,2

Nidificazione CSS

In Chrome 112 viene aggiunto il supporto della nidificazione CSS, una funzionalità molto attesa da molti sviluppatori. Questo introduce un nuovo selettore di nidificazione >, utilizzato per nidificare le regole di stile correlate, in modo familiare agli sviluppatori che hanno utilizzato i pre-processori:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

Supporto dei browser

  • 120
  • 120
  • 117
  • 17,2

Fonte

CSS animation-composition

Chrome 112 include anche il supporto per animation-composition. Per sapere come funziona questa proprietà, consulta Specificare come deve essere composto più effetti di animazione con animazione-composition.

Supporto dei browser

  • 112
  • 112
  • 115
  • 16

Fonte

Nuova modalità headless

Se utilizzi la modalità headless di Chrome, ad esempio con Puppeteer, 112 offre una nuovissima modalità headless. Scopri come eseguire l'upgrade della modalità headless di Chrome.

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 sono Firefox 113 e Chrome 113, mentre la versione beta di Safari 16.5 è ancora in uso. Queste release introducono molte fantastiche funzionalità nella piattaforma. Consulta le note di rilascio per tutti i dettagli, ecco alcune delle principali novità.

Firefox 113 include le funzioni color(), lab(), lch(), oklab() e oklch(). È inclusa anche la funzione color-mix() di CSS Color 5 e la proprietà forced-color-adjust.

Firefox include anche la sintassi nth-child of <selector>, per un controllo più preciso sugli elementi da selezionare. Per saperne di più, consulta Maggiore controllo sulle selezioni :nth-child() con la sintassi S.

Per quanto riguarda il CSS, Chrome 113 include le funzionalità multimediali overflow-inline, overflow-block e update. È inclusa anche nella funzione di easing linear() e nel tipo image-set() senza prefisso.

Chrome 113 include anche WebGPU, il successore delle API grafiche WebGL e WebGL 2 per il web. Offre funzionalità moderne come calcolo GPU, accesso overhead ridotto all'hardware GPU, possibilità di eseguire il rendering su più canvas da un singolo dispositivo grafico e prestazioni migliori e più prevedibili.

Parte della Nuova serie web