Novità sulla piattaforma web a ottobre

Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a ottobre 2023.

Release del browser stabile

A ottobre 2023, Firefox 119, Safari 17.1, Chrome 118 e Chrome 119 sono diventati stabili. Questo post spiega cosa significa per la piattaforma web.

Funzioni di JavaScript in Firefox 119

In Firefox 119 è presente il raggruppamento di array JavaScript con i metodi statici Object.groupBy e Map.groupBy.

Supporto dei browser

  • 117
  • 117
  • 119
  • 17,4

Fonte

Sempre in Firefox 119 sono disponibili i metodi isWellFormed() e toWellFormed() di String. Possono essere utilizzati per verificare se una stringa contiene un codice Unicode ben formato e per eliminare una stringa in modo che abbia un formato Unicode corretto. Questi metodi sono ora interoperabili tra i tre motori principali.

Supporto dei browser

  • 111
  • 111
  • 119
  • 16.4

Fonte

L'elemento HTML <search> è ora interoperabile

Chrome 118 include l'elemento <search>, un nuovo elemento HTML che rappresenta le parti del documento o dell'applicazione utilizzate per le ricerche o i filtri. Questa funzionalità è ora interoperabile tra i tre motori principali.

Supporto dei browser

  • 118
  • 118
  • 118
  • 17

Fonte

Regole orizzontali all'interno di elementi selezionati

Due versioni di Chrome sono arrivate a ottobre. In Chrome 119 è disponibile una piccola aggiunta agli elementi HTML <select>. Ora puoi aggiungere una regola orizzontale tra le opzioni, che viene visualizzata come divisore tra gli elementi. Scopri di più in Seleziona elemento: ora con regole orizzontali.

Ambito CSS

Chrome 118 include CSS con ambito con la regola @scope. Questa regola consente di selezionare gli elementi in un sottoalbero del DOM. Per saperne di più, consulta Limitare la copertura dei selettori con l'attributo CSS @scope at-rule.

Supporto dei browser

  • 118
  • 118
  • x
  • 17,4

CSS prefers-reduced-transparency

Chrome 118 include la funzionalità multimediale di prefers-reduced-transparency. Si tratta di una serie di funzionalità che ti consentono di controllare le preferenze impostate da un utente nel suo dispositivo e rispondere in modo da soddisfare le sue esigenze nel codice. Scopri di più sulla funzionalità in CSS prefers-reduced-transparency.

Supporto dei browser

  • 118
  • 118
  • x

Fonte

Sintassi dei colori relativi CSS

In Chrome 119 è presente una nuova e potente funzionalità di CSS Color 5: la sintassi dei colori relativa. Ciò consente di ricavare il colore da un altro colore, utilizzando lo spazio colore o la sintassi di cui hai bisogno.

Garbage collection WebAssembly (WasmGC)

Chrome 119 include WasmGC per velocizzare l'utilizzo di linguaggi di tipo "garbage-collect" come Kotlin, PHP o Java in WebAssembly. Trova tutti i dettagli in Raccolta rifiuti WebAssembly (WasmGC) ora abilitata per impostazione predefinita in 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 a livello mondiale. Le nuove versioni beta sono Firefox 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.

Safari 17.2 include molte nuove funzionalità. Per quanto riguarda i CSS, sono supportate l'API CSS Custom Highlights, le proprietà mask-border, la proprietà counter-set e molte altre funzionalità. Sono state apportate anche molte correzioni alle funzionalità esistenti per migliorare l'interoperabilità.

Per il codice HTML, Safari 17.2 include il supporto dell'attributo name per l'elemento <details>. Inoltre, nelle API web è disponibile il supporto per la priorità di recupero e le immagini adattabili ora sono abilitate in <link rel=preload>.

Firefox 120 aggiunge il supporto per le unità CSS rh e rlh, text-wrap: balance e la funzione light-dark().

Parte della Nuova serie web