Novità sulla piattaforma web ad aprile

Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta nel mese di aprile 2024.

Release del browser stabile

Ad aprile 2024, Firefox 125 e Chrome 124 sono diventati stabili. Questo post illustra le nuove funzionalità aggiunte alla piattaforma web.

Quattro nuove funzionalità vengono visualizzate nella base di riferimento

Firefox 125 ha aggiunto quattro nuove funzionalità a Baseline Newly Available. L'API Popover, Intl.Segmenter, align-content per i layout a blocchi e i valori content-box e stroke-box per transform-box.

L'API Popover

L'API Popover consente di creare molti tipi di popup non modali. Includono descrizioni comando, menu, popup toast personalizzati e molto altro. I popover includono molte funzionalità integrate per le quali in precedenza dovevi scrivere JavaScript. Scopri di più in L'API Popover arriva in Baseline.

Supporto dei browser

  • 114
  • 114
  • 125
  • 17

Origine

Intl.Segmenter

Intl.Segmenter attiva la segmentazione del testo sensibile a livello locale. Ad esempio, puoi dividere le parole in lingue che non separano le parole con spazi. Scopri come funziona in L'oggetto Intl.Segmenter ora fa parte di Baseline.

Supporto dei browser

  • 87
  • 87
  • 125
  • 14.1

Origine

align-content per i layout a blocchi

La proprietà align-content è ora supportata in tutti i principali motori per il layout a blocchi. Ciò significa che puoi eseguire l'allineamento della direzione dei blocchi senza dover creare anche un layout flessibile o a griglia sull'elemento padre. Guarda un esempio in La proprietà allinea-content per i layout a blocchi ora fa parte di Baseline .

Supporto dei browser

  • 123
  • 123
  • 125
  • 17,4

CSS transform-box

Infine, in Firefox 125 vengono visualizzati i valori di content-box e stroke-box per la proprietà transform-box. Il valore content-box utilizza il riquadro dei contenuti e stroke-box il riquadro di delimitazione del tratto che contiene una forma di SVG.

Supporto dei browser

  • 118
  • 118
  • 125
  • 13.1

L'API WebSocketStream

L'API WebSocketStream integra i flussi WHATWG con l'API WebSocket ed è disponibile in Chrome 124. Scopri di più in WebSocketStream: integrazione dei flussi con l'API WebSocket.

Supporto dei browser

  • 124
  • 124
  • x
  • x

setHTMLUnsafe e parseHTMLUnsafe

Chrome 124 include anche i metodi setHTMLUnsafe e parseHTMLUnsafe che consentono di utilizzare il DOM shadow dichiarativo da JavaScript. Questi metodi offrono anche un modo più semplice per analizzare l'HTML in modo imperativo nel DOM rispetto a innerHTML o DOMParser.

Supporto dei browser

  • 124
  • 124
  • 123
  • 17,4

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 126, Safari 17.5 e Chrome 125. Queste release introducono molte fantastiche funzionalità nella piattaforma. Per tutti i dettagli, consulta le note di rilascio. Ecco alcuni punti salienti.

Safari 17.5 include la funzione colore light-dark(), che diventerà Baseline Newly Available una volta stabile la versione 17.5.

In arrivo in Baseline Newly Available anche le funzioni per i valori con passaggi CSS. Chrome 125 include round(), mod() e rem().

Chrome 125 include anche l'API Compute Pressure e il posizionamento di ancoraggio CSS.

Firefox 126 include l'API Screen Wake Lock, rendendo disponibile un'altra funzionalità Baseline Newly Available.