![]() ![]() There are two functions defined in CSS Color Level 5 that enable more dynamic theming on the web platform: Color functions built into CSS mean that colors can be dynamically updated, and new color spaces remove the restriction to the sRGB gamut, and perceptual limitations of HSL. To use color functions in a design system, you currently need to rely on Sass, PostCSS, or calc() on HSL values. This means you don't need to order selectors carefully or create highly specific selectors to overwrite base CSS rules. ![]() They provide a way to group selectors into layers, each with its own specificity. The new areas of focus are: Cascade layers #Ĭascade layers give web developers more control over the cascade. They include 10 new areas, plus 5 carried over from Compat 2021. The following features will be the focus of Interop 2022. In that terminology,this effort is about interoperability and so the project has aligned with that naming. The terms "compatibility" and "interoperability" are typically distinguished by browser vendors, where compat refers to site compat, and interop refers to two or more browsers behaving the same. All browser vendors have agreed to focus on these areas, and everyone involved is excited to get started on making the experience of developing for the web measurably better. The benchmark focuses on 15 areas, identified by developers as being particularly troublesome when they are missing or have compatibility issues across browsers. Interop 2022 is a benchmark, agreed on by representatives of three major browser implementations, and developed through a process of public nomination and review with input from supporters Apple, Bocoup, Google, Igalia, Microsoft, and Mozilla. We were delighted to reach a score of over 90% across all implementations at the end of 2021! What is Interop 2022? # These reports gave us detailed and actionable information to address top challenges for developers with the web platform, and led to the Compat 2021 effort.Īmong other things, Compat 2021 led to creating a solid foundation for powerful features such as CSS grid ( 12% usage and steadily growing) and CSS flexbox ( 77% usage), including the gap property in flexbox, which solves a top pain point for developers when adopting new layout methods. It all started in 2019 #īack in 2019 Mozilla, Google, and others started a major effort to understand developers' pain points, in the form of the MDN Developer Needs Assessment surveys, and the deep-dive Browser Compatibility Report. In this article, find out how we got here, what the project focuses on, how success will be measured, and how you can track progress. Interop 2022 will improve the experience of developing for the web in 15 key areas.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |