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

Intl.Locale info: The getter methods of the Intl.Locale API 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-sizing CSS property allows form controls such as <textarea> to be sized based on their content.
Container style queries: Container style queries with the @container at-rule apply styles to an element based on the values of custom properties of its container.
:open: The :open CSS pseudo-class matches elements that have open states, like <details>, <dialog>, or <select>, based on their state.
ToggleEvent source: The source property of a ToggleEvent object is the element which triggered the toggle event to fire for a popover, <dialog>, or <details> element, if applicable.

:has(): The :has() CSS functional pseudo-class matches an element if any of the selectors passed as parameters would match at least one element.
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.
linear() easing: The linear() easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect.
Nesting: CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.
Masks: The mask CSS property (and several longhand properties) partially or completely hides an element according to the shape and depth of an image.