“Microsoft Edge joins forces with Apple, Mozilla, Google, Bocoup, and Igalia for Interop 2024, a project aimed at improving web development by addressing common issues and implementing requested features. This year, the focus is on enhancing CSS nesting, Flexbox, Grid, and the Popover API.”

Microsoft Edge and Interop 2024: A New Era of Web Development

Microsoft Edge, in collaboration with tech giants like Apple, Mozilla, Google, Bocoup, and Igalia, is thrilled to announce the launch of Interop 2024. This project, a continuation of previous efforts, is designed to address web developer concerns and enhance the web platform’s usability.

What’s New in Interop 2024?

Since its inception, Interop has brought numerous improvements to the web platform. The 2024 edition is no exception, introducing new features and compatibility fixes aimed at streamlining your web development tasks.

Layout Enhancements

Flexbox and Grid have revolutionized web layouts, eliminating the need for complex or less responsive techniques. The Interop project has been working since 2021 to reduce browser inconsistencies when using these features.

“Flexbox and Grid have revolutionized the way we create layouts on the web.”

Subgrid, now supported across all major browsers, is another significant development. Introduced in Firefox and Safari in 2022, Microsoft contributed to its support in Chromium in 2023.

CSS Architecture Updates

The Interop project has significantly transformed the way we write and organize our CSS code. Interoperable building blocks like Cascade Layers, the :has() pseudo-class, and Container Queries now allow for more concise and adaptable code.

Furthermore, the project is focusing on CSS nesting this year, a feature that enhances code readability and modularity.

HTML Elements

The dialog HTML element, introduced in Chrome and later included in the Interop 2022 project, simplifies the creation of dialog boxes in web pages. The Interop project is now focusing on the Popover API, an HTML feature designed to display content above other content without the need for complex code or JavaScript.

“The Popover API…makes a lot of complicated code unneeded.”

Already available in Chromium-based browsers, Safari, and as a preview in Firefox, the Interop project aims to standardize the Popover API across all browsers in 2024.

In conclusion, Interop 2024 promises to bring exciting changes to the web development landscape, making it more efficient, accessible, and user-friendly.

Interop 2024 is a continuation of a project aiming to improve the web platform for developers.

Focus areas for 2024 include enhancing Flexbox and Grid, and addressing minor browser inconsistencies.

Subgrid is now supported across all major browsers, including Chrome, Edge, and other Chromium-based browsers.

Interop 2024 aims to improve CSS nesting to make code more readable, modular, and shorter.

The Popover API, which simplifies content display, is a key focus for Interop 2024.

From the Windows Blog

---