Web platform features explorer

📃 September 2014 release notes

New in Chrome Android

The following features are now available in Chrome Android:

  • all: The all CSS property is a shorthand for all CSS properties, except for direction and unicode-bidi. It accepts only the keywords for explicit defaulting (such as initial and inherit), since they are the only values supported on all CSS properties.
  • ::backdrop: The ::backdrop CSS pseudo-element is a box underneath an element in the top layer, such as a <dialog>. It can be used to create obscuring effects distinguishing a modal element from the elements underneath.
  • <dialog>: The <dialog> HTML element represents a modal or non-modal dialog box, such as a confirmation prompt or a subwindow used to enter data.
  • hardwareConcurrency: The navigator.hardwareConcurrency read-only property returns the number of logical processors available to run threads on the user's computer.
  • Pointer lock: Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.
  • shape-outside: The shape-outside CSS property, along with shape-margin and shape-image-threshold, sets the shape around which adjacent content will wrap.
  • shapes: The circle(), ellipse(), inset(), polygon(), rect(), and xywh() CSS shape functions create shapes for use with clip-path and shape-outside.

New in Firefox

The following features are now available in Firefox:

  • box-decoration-break: The box-decoration-break CSS property sets whether box decorations, such as borders or backgrounds, of an element divided across a page, column, or region wraps each fragment or splits across the break.
  • font-kerning: The font-kerning CSS property sets whether kerning data from a font is used to adjust the space between letters.
  • mix-blend-mode: 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.
  • :scope (pseudo-class): The :scope CSS pseudo-class matches the scoping root, for instance the element that querySelector() is called on, or the root of a DOM subtree specified with @scope.

New in Firefox for Android

The following features are now available in Firefox for Android:

  • box-decoration-break: The box-decoration-break CSS property sets whether box decorations, such as borders or backgrounds, of an element divided across a page, column, or region wraps each fragment or splits across the break.
  • font-kerning: The font-kerning CSS property sets whether kerning data from a font is used to adjust the space between letters.
  • Gamepad: The navigator.getGamepads() API accesses and responds to signals from game controllers.
  • mix-blend-mode: 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.
  • :scope (pseudo-class): The :scope CSS pseudo-class matches the scoping root, for instance the element that querySelector() is called on, or the root of a DOM subtree specified with @scope.

New in Safari on iOS

The following features are now available in Safari on iOS:

  • ANGLE_instanced_arrays WebGL extension: The ANGLE_instanced_arrays extension for WebGL 1.0 contexts draws the same object multiple times or groups of similar objects multiple times, if the group shares the same vertex data, primitive count and type.
  • Audio and video tracks: The audioTracks and videoTracks APIs for media elements switch audio and video tracks during playback.
  • background-blend-mode: The background-blend-mode CSS property blends an element's background image and background color using blend modes like multiply, difference, or color.
  • background-repeat: The background-repeat CSS property sets how a background image is tiled.
  • EXT_shader_texture_lod WebGL extension: The EXT_shader_texture_lod extension for WebGL 1.0 and 2.0 contexts adds texture functions to the OpenGL ES Shading Language such that the shader writer explicitly controls of the level of detail (LOD).
  • fastSeek(): The fastSeek() method seeks an <audio> or <video> element as fast as possible, by seeking to a keyframe instead of exactly the requested time.
  • isolation: The isolation CSS property creates a new stacking context, which impacts z-index ordering and blend modes.
  • Map (initial support): Map objects hold key-value pairs and remember the original insertion order of the keys.
  • mix-blend-mode: 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.
  • OES_element_index_uint WebGL extension: The OES_element_index_uint extension for WebGL 1.0 contexts adds support for gl.UNSIGNED_INT types to WebGLRenderingContext.drawElements().
  • OES_standard_derivatives WebGL extension: The OES_standard_derivatives extension for WebGL 1.0 contexts adds the GLSL derivative functions dFdx, dFdy, and fwidth.
  • OES_texture_float WebGL extension: The OES_texture_float extension for WebGL 1.0 contexts adds floating-point pixel types for textures.
  • OES_texture_float_linear WebGL extension: The OES_texture_float_linear extension for WebGL 1.0 and 2.0 contexts adds linear filtering with floating-point pixel types for textures.
  • OES_texture_half_float WebGL extension: The OES_texture_half_float extension for WebGL 1.0 contexts adds texture formats with 16-bit (also known as half float) and 32-bit floating-point components.
  • OES_texture_half_float_linear WebGL extension: The OES_texture_half_float_linear extension for WebGL 1.0 contexts adds linear filtering with half floating-point pixel types for textures.
  • Promise (initial support): A promise represents an asynchronous operation which eventually succeeds or fails.
  • Set (initial support): Set objects store unique values of any type.
  • <template>: The <template> HTML element holds HTML fragments which you can clone and insert into the document using JavaScript.
  • WeakMap: A WeakMap object holds key-value pairs that do not create strong references to its keys, such that value data can be associated with a key without preventing garbage collection of the key.
  • WebGL: The WebGLRenderingContext API is the "webgl" rendering context for the <canvas> element. It represents a space for drawing two- and three-dimensional graphics and animations.
  • WEBGL_depth_texture WebGL extension: The WEBGL_depth_texture extension for WebGL 1.0 contexts defines 2D depth and depth-stencil textures.
  • WEBGL_lose_context WebGL extension: The WEBGL_lose_context extension for WebGL 1.0 and 2.0 contexts simulates losing and restoring a WebGLRenderingContext or WebGL2RenderingContext.
  • WebVTT: WebVTT is a captions and subtitles format. WebVTT files are loaded using the <track> element, and the VTTCue API can be used to create or update cues dynamically.
  • WebVTT cue settings: The VTTCue API updates various aspects of cues dynamically, such as alignment, size and position.