2020
27 featuresThe captureStream() method for <canvas> elements returns a MediaStream which includes a CanvasCaptureMediaStreamTrack representing real-time video of the canvas image. You can use this to record the canvas, or send it elsewhere, such as another canvas or WebRTC connection.
The caret-color CSS property sets the color of the text insertion pointer in a text input.
The display: flow-root CSS declaration sets an element as the root element of a new flow layout for its children, preventing margin collapse with sibling elements.
The document.elementFromPoint() and document.elementsFromPoint() methods find the top-most element at a given point in the viewport, or all elements at a given point in the viewport, respectively.
The dominant-baseline CSS property sets the specific baseline used to align an elements's text and inline-level contents.
The font-display CSS descriptor sets whether to show a substitute font or nothing while a font face loads. The property manages what's known as a flash of unstyled text or flash of invisible text.
The font-kerning CSS property sets whether kerning data from a font is used to adjust the space between letters.
The font-stretch CSS property selects a font face from a font family based on width, either by a keyword such as condensed or a percentage.
The font-variant-caps CSS property sets whether text should be displayed in small caps, petite caps, or with capital letters designed for titles.
The font-variant-east-asian CSS property controls glyph substitution and sizing in East Asian text.
The font-variant-ligatures CSS property sets how characters can be visually combined for readability or stylistic reasons.
The font-variant-numeric CSS property sets how numeric characters are displayed. For example, you can align columns of numbers or use zeroes that have a slash.
The globalThis property accesses the global this value (and hence the global object itself) across environments.
The input event fires when a form control changes or an element with the contenteditable attribute changes.
The isolation CSS property creates a new stacking context, which impacts z-index ordering and blend modes.
The mask-type CSS property on an SVG <mask> element sets whether the mask is a luminance or alpha mask.
The min-content and max-content CSS keywords represent the smallest and largest intrinsic sizes of an element.
The mix-blend-mode CSS property blends an element's content with its background or parent elements using blend modes like multiply, difference, or color.
The object-fit CSS property sets how images, videos, and other replaced elements are scaled within their container.
The object-position CSS property places images, videos, and other replaced elements within their boxes.
The prefers-color-scheme CSS media query sets styles based on the requested color scheme, light or dark.
The prefers-reduced-motion CSS media query sets styles based on whether the user prefers to minimize the amount of non-essential animations on the device, such as scrolling, panning, zooming, and strobing.
The scrollIntoView() method scrolls an element's ancestor containers such that the element is visible to the user.
The shape-outside CSS property, along with shape-margin and shape-image-threshold, sets the shape around which adjacent content will wrap.
The circle(), ellipse(), inset(), and polygon() CSS shape functions create shapes for use with clip-path and shape-outside.
The srcdoc attribute for the <iframe> HTML element sets a string of HTML to embed in the document. The value of srcdoc overrides loading a document from the src attribute.
The will-change CSS property gives hints to the browser about expected changes to an element's scroll position, contents, or style. These hints allow browsers to optimize for upcoming style changes.
2019
3 featuresThe Intl.PluralRules API creates a locale-aware object that tells you which of the language's pluralization rules apply based on a given number.
An alternative to @media print queries, the beforeprint and afterprint events allow you to change the page for printing and restore the page after printing.
The position: sticky CSS declaration positions an element in the normal flow until it crosses a specified threshold, at which points it becomes fixed (stuck) at that position.