* Skip to main content 
  * Skip to search 

[ MDN Web Docs  ](/en-US/) Open main menu

  * References  [ References ](/en-US/docs/Web)
    * [ Overview / Web Technology  Web technology reference for developers  ](/en-US/docs/Web)
    * [ HTML  Structure of content on the web  ](/en-US/docs/Web/HTML)
    * [ CSS  Code used to describe document style  ](/en-US/docs/Web/CSS)
    * [ JavaScript  General-purpose scripting language  ](/en-US/docs/Web/JavaScript)
    * [ HTTP  Protocol for transmitting web resources  ](/en-US/docs/Web/HTTP)
    * [ Web APIs  Interfaces for building web applications  ](/en-US/docs/Web/API)
    * [ Web Extensions  Developing extensions for web browsers  ](/en-US/docs/Mozilla/Add-ons/WebExtensions)
    * [ Web Technology  Web technology reference for developers  ](/en-US/docs/Web)
  * Guides  [ Guides ](/en-US/docs/Learn)
    * [ Overview / MDN Learning Area  Learn web development  ](/en-US/docs/Learn)
    * [ MDN Learning Area  Learn web development  ](/en-US/docs/Learn)
    * [ HTML  Learn to structure web content with HTML  ](/en-US/docs/Learn/HTML)
    * [ CSS  Learn to style content using CSS  ](/en-US/docs/Learn/CSS)
    * [ JavaScript  Learn to run scripts in the browser  ](/en-US/docs/Learn/JavaScript)
    * [ Accessibility  Learn to make the web accessible to all  ](/en-US/docs/Web/Accessibility)
  * Plus  [ Plus ](/en-US/plus)
    * [ Overview  A customized MDN experience  ](/en-US/plus)
    * [ AI Help (beta)  Get real-time assistance and support  ](/en-US/plus/ai-help)
    * [ Updates  All browser compatibility updates at a glance  ](/en-US/plus/updates)
    * [ Documentation  Learn how to use MDN Plus  ](/en-US/plus/docs/features/overview)
    * [ FAQ  Frequently asked questions about MDN Plus  ](/en-US/plus/docs/faq)
  * [ Curriculum  New  ](/en-US/curriculum/)
  * [ Blog ](/en-US/blog/)
  * [ Play ](/en-US/play)
  * [ AI Help  Beta  ](/en-US/plus/ai-help)

Search MDN  Clear search input  Search

Theme

  * [ Log in ](/users/fxa/login/authenticate/?next=%2Fen-US%2Fblog%2Fbaseline-evolution-on-mdn%2F)
  * [ Sign up for free  ](/users/fxa/login/authenticate/?next=%2Fen-US%2Fblog%2Fbaseline-evolution-on-mdn%2F)

##  In this article

  * Updated widget 
  * Refined definition 
  * Feature example 

![Baseline's ongoing evolution. Updated widgets and definition. December 5,
2023. A vibrant gradient going from blue to green Baseline
checkmarks.](./cover.png)

#  Baseline's evolution on MDN

[ ![Author avatar](/en-US/blog/author/vadim-makeev/avatar.jpg) Vadim Makeev
](https://pepelsbey.dev/) December 5, 2023  4  minute read

**Today we're updating the Baseline widget and rolling it out for more pages
to align with the refined Baseline definition and help developers understand
the status of web platform features better.**

First introduced [ in May 2023 ](/en-US/blog/baseline-unified-view-stable-web-
features/) , Baseline offered a new way of looking at the state of the web
platform. It established a common measure for new features coming to the web
and existing ones. The idea was simple: if a feature is available in the last
two versions of major browsers, it's considered widely supported and safe to
use. It becomes a part of Baseline.

Based on the data of the [ Web Features ](https://github.com/web-platform-
dx/web-features) project maintained by the [ WebDX Community Group
](https://www.w3.org/community/webdx/) , we implemented the initial Baseline
definition by labeling several widely supported features, such as [ CSS grid
layout ](/en-US/docs/Web/CSS/grid) and [ ` border-image ` ](/en-
US/docs/Web/CSS/border-image) , as well as the not widely supported [ `
isContextLost ` ](/en-US/docs/Web/API/CanvasRenderingContext2D/isContextLost)
, with a widget right at the top of MDN reference pages. Before reading the
page, you can tell if the feature can be reliably used.

![MDN reference page for the border-image CSS property with the green Baseline
widget on top. On the widget, there's a big gree