📃 April 2020 release notes

Newly available

The following features are newly available:

image-orientation: The image-orientation CSS property corrects the rotation of an image using the image's metadata, such as EXIF.

The following features are now widely available:

<data>: The <data> element links a given piece of content with a machine-readable translation.
Grid: CSS grid is a two-dimensional layout system, which lays content out in rows and columns.
<time>: The <time> HTML element represents a time, such as a calendar date, clock time, or duration. It may include the datetime attribute to translate dates into machine-readable format.
Viewport units: The vw, vh, vmin, and vmax CSS viewport units are relative to the size of the viewport, and are used to size elements in relation to the viewport's dimensions.
WebAssembly: The WebAssembly.instantiate() and WebAssembly.instantiateStreaming() global static methods load WebAssembly code (also known as Wasm), a portable binary instruction format.

The following features are now available in Chrome:

Badging: The navigator.setAppBadge() method allows installed web applications to display an application badge, typically a dot or number shown alongside the application's icon on the device's home screen or application dock.
Desynchronized 2D canvas: The optional desynchronized parameter of a canvas's getContext() method permits the browser to draw a 2D canvas independently of the event loop. This can reduce drawing latency.
Intl.DisplayNames: The Intl.DisplayNames API provides localized names of language, region, script, and currency codes.
Desynchronized WebGL canvas: The optional desynchronized parameter of a canvas's getContext() method permits the browser to draw a WebGL canvas independently of the event loop. This can reduce drawing latency.
Desynchronized WebGL2 canvas: The optional desynchronized parameter of a canvas's getContext() method permits the browser to draw a WebGL2 canvas independently of the event loop. This can reduce drawing latency.
Hit test: The getHitTestResults() method of an XRFrame object helps place objects in an augmented reality session by finding where cast rays intersect with real-world geometry.

The following features are now available in Chrome Android:

Intl.DisplayNames: The Intl.DisplayNames API provides localized names of language, region, script, and currency codes.
Hit test: The getHitTestResults() method of an XRFrame object helps place objects in an augmented reality session by finding where cast rays intersect with real-world geometry.

The following features are now available in Edge:

Badging: The navigator.setAppBadge() method allows installed web applications to display an application badge, typically a dot or number shown alongside the application's icon on the device's home screen or application dock.
Intl.DisplayNames: The Intl.DisplayNames API provides localized names of language, region, script, and currency codes.
Hit test: The getHitTestResults() method of an XRFrame object helps place objects in an augmented reality session by finding where cast rays intersect with real-world geometry.

The following features are now available in Firefox:

Intl.Locale: The Intl.Locale API parses Unicode locale identifiers, with language, region, and script codes, such as zh-Hans-CN or en-GB.
min(), max(), and clamp(): The min() and max() CSS functions return the minimum or maximum of the arguments, while clamp() clamps a value to a given range.