📃 January 2017 release notes
New in Chrome
The following features are now available in Chrome:
-
Border images:
The
border-image
CSS property draws an image around an element. -
EXT_color_buffer_float WebGL extension:
The
EXT_color_buffer_float
extension for WebGL 2.0 contexts adds color-renderable floating point formats torenderbufferStorage()
. -
System font:
The
font-family: system-ui
CSS declaration uses the operating system default font for text. -
overflow-anchor:
The
overflow-anchor
CSS property sets an element as a possible scroll anchor, reducing unintended scrolling when document changes occur above the current scrollport. This is enabled by default where supported. -
Sticky positioning:
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. -
WebGL2:
The
WebGL2RenderingContext
API is the"webgl2"
rendering context for the<canvas>
element. It represents a space for drawing two- and three-dimensional graphics and animations. It corresponds to OpenGL ES 3.0. - WebRTC: The WebRTC API establishes real-time communication channels directly between browsers. It is commonly used in video conferencing applications.
New in Firefox
The following features are now available in Firefox:
-
Constraint validation API:
Methods that validate form controls before submission, such as
checkValidity()
,reportValidity()
andsetCustomValidity()
. -
EXT_color_buffer_float WebGL extension:
The
EXT_color_buffer_float
extension for WebGL 2.0 contexts adds color-renderable floating point formats torenderbufferStorage()
. -
:indeterminate:
The
:indeterminate
CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked. - IndexedDB: The IndexedDB API is a local storage transactional object database.
-
::placeholder:
The
::placeholder
CSS pseudo-element selects help text in<input>
and<textarea>
elements when no value is set. -
:placeholder-shown:
The
:placeholder-shown
CSS pseudo-element selects<input>
and<textarea>
elements when no value is set and the element'splaceholder
attribute is not empty. Not to be confused with::placeholder
, which selects the placeholder text itself. -
WebGL2:
The
WebGL2RenderingContext
API is the"webgl2"
rendering context for the<canvas>
element. It represents a space for drawing two- and three-dimensional graphics and animations. It corresponds to OpenGL ES 3.0.
New in Firefox for Android
The following features are now available in Firefox for Android:
-
EXT_color_buffer_float WebGL extension:
The
EXT_color_buffer_float
extension for WebGL 2.0 contexts adds color-renderable floating point formats torenderbufferStorage()
. -
:indeterminate:
The
:indeterminate
CSS pseudo-class selects any form element whose state is indeterminate, such as checkboxes that have been set to an indeterminate state with JavaScript, or radio buttons which are members of a group in which all radio buttons are unchecked. - IndexedDB: The IndexedDB API is a local storage transactional object database.
-
::placeholder:
The
::placeholder
CSS pseudo-element selects help text in<input>
and<textarea>
elements when no value is set. -
:placeholder-shown:
The
:placeholder-shown
CSS pseudo-element selects<input>
and<textarea>
elements when no value is set and the element'splaceholder
attribute is not empty. Not to be confused with::placeholder
, which selects the placeholder text itself. -
WEBGL_compressed_texture_etc WebGL extension:
The
WEBGL_compressed_texture_etc
extension for WebGL 1.0 and 2.0 contexts adds many ETC2 and EAC compressed texture formats tocompressedTexImage2D()
andcompressedTexSubImage2D()
. -
WebGL2:
The
WebGL2RenderingContext
API is the"webgl2"
rendering context for the<canvas>
element. It represents a space for drawing two- and three-dimensional graphics and animations. It corresponds to OpenGL ES 3.0.