Baseline
Web Platform Baseline brings clarity to information about browser support for web platform features.
Baseline gives you clear information about which web platform features are ready to use in your projects today. When reading an article, or choosing a library for your project, if the features used are all part of Baseline, you can trust the level of browser compatibility.
Who defines Baseline?
Baseline was originated by the Chrome team and is now defined by the WebDX Community Group.
How do things become Baseline?
Baseline has two stages:
- Newly available: The feature is supported by all of the core browsers, and is therefore interoperable.
- Widely available: 30 months have passed since the newly interoperable date. The feature can be used by most sites without worrying about support.
Prior to being Newly available, a feature has Limited availability when it's not yet supported across browsers.
The core browser set
- Chrome (desktop and Android)
- Edge
- Firefox (desktop and Android)
- Safari (macOS and iOS)
Baseline in action
Baseline in action is a new series developed to help developers learn how to use Baseline features together to build better user experiences.
Baseline and tooling
As Baseline has matured, we've seen that more developers are beginning to integrate it into their development workflows. Learn about the latest tools to integrate Baseline, as well as resources you can use to build your own tools!
The Baseline Features audit is now available in Lighthouse
Learn which web features are used on a page—and their Baseline status—with the new Lighthouse Baseline features audit.
Introducing Baseline Alerts
Baseline Alerts have landed on the Web Platform Status dashboard. Learn how they can shorten the time between awareness of a web feature, and when you can adopt it.
Effortlessly get Baseline target data with the updated Baseline Checker tool
Get data to select your Baseline target with Google Analytics data—now faster and easier.
Browserslist now supports Baseline
Browserslist has added support for Baseline queries. Find out what that could mean for your developer workflow.
Create Baseline tools with the web-features package
Learn how to use the data in the web-features npm package to create your own Baseline tools!
The Baseline Tooling Hackathon starts now!
Want to make the web better for a chance to win cash prizes? Join the Baseline Tooling Hackathon!
Baseline for CSS properties now in Chrome DevTools
Baseline information is now available for CSS properties in the Elements panel of Chrome DevTools!
How to use Baseline in your project
Learn how to integrate Baseline into your project with this codelab.
WebStatus.dev: Now with more data, deeper insights, and a clearer path to Baseline
Announcing improvements to the Web Platform Dashboard.
The Baseline Netlify extension has shipped
The Baseline Netlify extension helps developers to understand which Baseline targets are best supported by users. Learn more in this post on how to use it!
Visual Studio Code now supports Baseline
Learn about the new Baseline support in VS Code.
Use Baseline with Browserslist
Add Baseline to your development linting and packaging tools with Baseline-specific queries now built into Browserslist.
How to query the Web Platform Dashboard for Baseline tooling
Learn about the Web Platform Dashboard and how you can query its HTTP API to help you build Baseline tools.
Support for CSS and Baseline has shipped in ESLint
You can now use ESLint to lint CSS and enforce usage of Baseline CSS features in your project! Learn more in this blog post.
Baseline theory
Adopting Baseline in your projects means there are some considerations you need to make. These materials will help you to answer the hard questions, from polyfilling, tooling, and more.
How to choose your Baseline target
Learn what Baseline targets are, how to choose one, and how it can help your development experience.
How to think about Baseline and polyfills
Knowing when to reach for a polyfill can be a hard decision, but using Baseline features can help you answer this question. Learn more in this guide!