Stay up-to-date with the web platform
Use the web features explorer to discover new features and APIs and stay up-to-date with changes.
Subscribe to our RSS feeds
Most recent Baseline newly available features
-
progress():
The
progress()CSS function returns a ratio for the relative position of one value between two other values, clamped between 0 and 1. You can use it to interpolate a value for other calculations. -
Media element pseudo-classes:
The
:playing,:paused,:seeking,:buffering,:stalled,:muted, and:volume-lockedCSS pseudo-classes match<audio>and<video>elements based on their state. -
sibling-count() and sibling-index():
The
sibling-count()andsibling-index()CSS functions return integers that are useful to style elements based on their positions among siblings or on the number of siblings, for example as part of acalc()expression. -
Intl.Locale info:
The getter methods of the
Intl.LocaleAPI provide supplemental information about a Unicode locale, such as the locale's calendar (for example, the first day in a week or the weekend start day), writing direction, 12- or 24-hour cycles, and numbering system. -
field-sizing:
The
field-sizingCSS property allows form controls such as<textarea>to be sized based on their content.
Most recent Baseline widely available features
-
Array grouping:
The
Object.groupBy()andMap.groupBy()static methods group values of arrays and iterables based on a function that returns a key for each value. -
checkVisibility():
The
checkVisibility()method checks if an element is potentially visible, with optional parameters for the kinds of visibility to check. For example, it checks whether the element has the styledisplay: none, but can also check forvisibility: hidden. -
Transferable ArrayBuffer:
The
transfer()andtransferToFixedLength()methods ofArrayBuffermove a buffer from one context to another (for example, to a worker). -
Lazy-loading images and iframes:
The
loading="lazy"attribute for<img>and<iframe>elements blocks loading the external resource until the user scrolls to that element's part of the page. - Nesting: CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.