TIL about Interop 22

POSTED ON: May 09, 2022

In 2000, Microsoft (being Microsoft at the time), decided to implement Javascript the way they wanted to, which they called JScript. The browser experience was a nightmare.

Fast forward to today: we want to ensure that the web always works the same on any browser.

This is possible through interoperability — when each underlying web technology is implemented in the same way in every browser.

In 2022, Apple, Bocoup, Google, Igalia, Microsoft, and Mozilla have come together to commit to improve interoperability in 15 key areas that will have the most impact on web developer experience, in a project called Interop 2022.

via https://webkit.org/blog/12288/working-together-on-interop-2022/

The Interlop 22 group will work on the following:

Cascade Layers
Color Spaces and Functions
Containment
Dialog Element
Forms
Scrolling
Subgrid
Typography and Encodings
Viewport Units
Web Compat

There are also five additional areas that have been adopted from Google and Microsoft’s “Compat 2021” effort:

Aspect Ratio
Flexbox
Grid
Sticky Positioning
Transforms

Full list here

What does this mean?

Dev experience is about to get better.

via Interop on Interop

Related TILs

Tagged: browser

TIL minimal responsive image component

So when I saw that JS frameworks made image wrapper components (like Nuxt was with nuxt-img), I was blown away and wanted this power at work.

Mar 22, 2023

TIL why google recommends you avoid document.write()

By injecting it with code, it bypasses the preload scanner. This means that the browser can’t request this file until it’s actually run the '<script>' block that inserts it, which is very much just-in-time (and too late).

Mar 03, 2023

TIL the history of fonts and COLRv1

COLRv1 fonts, have a smaller footprint, vector-scalable, reposition-able, gradient-featuring, and blend-mode powered fonts that accept parameters to customize the font per use case or to match a brand.

Feb 23, 2023

Next: TIL about Partial HydrationPartial rehydration is an extension of the idea of progressive rehydration where individual pieces of a server-rendered application are 'booted up' over time. This contrasts with the approach of initializing the entire application at once.
Previous: TIL what Single Threaded & Non-blocking means in JSJavascript is a single-threaded language. This means it has one call stack and one memory heap. Non-blocking means it'll read from top to bottom and throw anything async in the queue.