Wednesday, October 5, 2022
HomeWeb developmentNew to the net platform in June

New to the net platform in June


Steady browser releases #

In June, Chrome 103 and Firefox 102 turned steady.

Rework streams and readable byte streams #

Firefox 102 consists of assist for Rework Streams. This allows piping from ReadableStream to a WritableStream, executing a metamorphosis on the chunks. It is nice to see this characteristic change into accessible in all three engines, making this an excellent time to find out about Streams.

Browser assist: chrome 67, Supported 67 firefox 102, Supported 102 edge 79, Supported 79 safari 14.1, Supported 14.1 Supply

Readable byte streams are additionally now supported in Firefox 102, enabling a BYOB (deliver your individual buffer) reader with the ReadableStreamBYOBReader interface. This can be utilized to stream information equipped by the developer.

Browser assist: chrome 89, Supported 89 firefox 102, Supported 102 edge 89, Supported 89 safari, Not supported × Supply

Entry domestically put in fonts #

Chrome 103 consists of the Native Font Entry API, which permits entry to the person’s domestically put in fonts. After requesting entry to the fonts put in on the machine, name window.queryLocalFonts() to get an array of the put in fonts.

const pickedFonts = await window.queryLocalFonts();
for (const fontData of pickedFonts) {
console.log(fontData.postscriptName);
console.log(fontData.fullName);
console.log(fontData.household);
console.log(fontData.model);
}

The replace media characteristic #

Firefox 102 consists of the replace media characteristic. That is used to question whether or not the output machine can modify the looks of content material as soon as it has been rendered.

Browser assist: chrome, Not supported × firefox 102, Supported 102 edge, Not supported × safari, Not supported × Supply

A brand new HTTP standing code—103 early hints #

Chrome 103 provides a brand new standing code HTTP 103 Early Hints. If the server or CDN is aware of {that a} sure set of subresources is required to load a web page, it might advise the browser to preconnect to origins and even preload sources because the web page that requires them is available in. This requires updates to your server or CDN to reap the benefits of the characteristic, discover out extra about Early Hints.

Beta browser releases #

Beta browser variations offer you a preview of issues that can be within the subsequent steady model of the browser. It is a good time to check new options, or removals, that would influence your website earlier than the world will get that launch.

New betas in April have been Chrome 104, Firefox 103, and Safari 16.

New syntax for vary media queries #

Chrome 104 consists of the brand new syntax for vary media queries, from the Media Queries Stage 4 specification. For instance, a media question beforehand written like this:

@media (min-width: 400px) {}

Can now be written like this:

@media (width >= 400px) {}

Browser assist: chrome 104, Supported 104 firefox 63, Supported 63 edge, Not supported × safari, Not supported × Supply

Area Seize API #

Chrome 104 on desktop additionally consists of the Area Seize API. This allows cropping and eradicating content material from captured video earlier than sharing it.

Safari 16 brings a number of key options to the browser #

Safari 16 seems to be one other thrilling launch from the Safari workforce. This launch provides lots of the options which might be included in Interop 2022, it is nice to see a lot touchdown at this mid-year level. I am highlighting a couple of of my favourite options right here, however do try the launch notes for extra.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments