2024
30 featuresThe requestVideoFrameCallback() method for <video> schedules a function that runs with the next video frame. It is similar to requestAnimationFrame(), but for video.
Text fragments are URL fragments on the form #:~:text=snippet and link to a snippet of text within a page. The browser may scroll, highlight, or otherwise bring that text to the reader's attention.
The from keyword for color functions (color(), hsl(), oklch(), etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).
A typed function reference can be called directly.
The backdrop-filter CSS property applies graphical effects such as blurring or color shifting to the area behind an element.
The navigator.cookieEnabled property is a boolean for whether the browser accepts or ignores attempts to write cookie data.
The optional willReadFrequently parameter of a canvas's getContext() method permits the browser to optimize for frequent getImageData() calls by avoiding hardware acceleration. Also known as multiple readback.
Multiple <details> elements which use the same name attribute are mutually exclusive. When one member of the group is opened, all other members are closed.
The @starting-style CSS at-rule sets the starting values for properties that are transitioning when the target element's style is first updated.
The transition-behavior: allow-discrete CSS declaration allows transitions for properties whose animation behavior is discrete. Such properties can't be interpolated and swap from their start value to the end value at 50%.
The font-size-adjust CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.
The / notation in content CSS property values adds alternative text to generated content. For example, the content: url('upvote-icon.svg') / 'Upvote' declaration adds accessible 'Upvote' text to the SVG icon. Also known as alternate text.
The CSS.registerProperty() static method and the @property CSS at-rule register custom properties for which types and behaviors can be defined.
The resize() method of an ArrayBuffer and the grow() method of a SharedArrayBuffer, constructed with the maxByteLength option, changes the size of the buffer in place.
The navigator.clipboard API asynchronously reads and writes to the system clipboard.
Gradient interpolation controls how the colors between gradient stops are calculated in CSS. For example, linear-gradient(to right in oklch longer hue, red, red); calculates in the oklch color space, with the hue going all the way around the hue circle from red back to red.
The difference(), intersection(), isDisjointFrom(), isSubsetOf(), isSupersetOf(), symmetricDifference(), and union() methods of the JavaScript Set object performs operations between two sets.
The :state() CSS pseudo-class matches custom elements based on their custom state, set through the ElementInternals.states API.
The round(), mod(), and rem() CSS functions compute rounded values and the remainder after division.
The light-dark() CSS function accepts two colors and uses one depending on the current color scheme.
The text-wrap: balance CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing.
The AbortSignal.timeout() static method returns an abort signal that automatically aborts after a specified duration.
The writing-mode CSS property orients form elements (such as radio buttons, progress bars, or select menus) vertically when the writing mode is vertical-lr or vertical-rl. The direction CSS property sets whether inputs flow from top to bottom or bottom to top.
The Intl.Segmenter API creates a locale-aware text splitter that can separate a string into meaningful graphemes, words, or sentences.
The align-content property vertically aligns content in block layouts, like it does in flex or grid layouts.
The transform-box CSS property sets the position and dimensions of the reference box relative to which an element's transformations are calculated.