Stay up-to-date with the web platform
Use the Web platform features explorer to discover new features and APIs and stay up-to-date with changes.
Newly available across browsers (RSS feed)
-
document.caretPositionFromPoint():
The
document.caretPositionFromPoint()method finds an insertion point, represented by a DOM node and an offset within that node, for given coordinates in the viewport. -
Event timing:
The
eventandfirst-inputperformance entries and thePerformanceEventTimingAPI measures the latency of user input events, such as mouse clicks or keypresses. They're used to calculate Interaction to Next Paint (INP), a common metric for perceived responsiveness. -
Math font family:
The
font-family: mathCSS declaration uses the browser default font face for displaying mathematical expressions. -
Invoker commands:
The
commandandcommandforattributes for the<button>HTML element dispatch an action to an element when the button is invoked (by click or keystroke), as a declarative alternative toaddEventListener()calls oronclickattribute handlers. -
Largest contentful paint (LCP):
The
largest-contentful-paintperformance entry and theLargestContentfulPaintAPI measures the time it takes for the largest image or text to appear. Largest contentful paint (LCP) is a common metric for perceived loading times.
Now widely available across browsers (RSS feed)
-
animation-composition:
The
animation-compositionCSS property chooses how to combine animations that affect the same property. -
Array by copy:
The
toReversed(),toSorted(),toSpliced(), andwith()methods of arrays and typed arrays return changed copies of arrays. They stand in contrast to methods such assort()orreverse()that change arrays in place. -
calc() keywords:
The
e,pi,infinity, andNaNkeywords represent well-defined constants accepted in CSS math functions such ascalc(). -
color():
The
color()function picks a color from a given color space. Wide gamut color spaces likedisplay-p3allow showing more vibrant and saturated colors than the standardsrgbcolor space. -
color-mix():
The
color-mix()function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black.