A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | ||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | !!! Deprecated !!! Please use this site instead: | http://www.chromestatus.com/admin/features/new | ||||||||||||||||||||
2 | Implementation | Consensus & Standardization | Usage | |||||||||||||||||||
3 | Category | Feature name | 1-2 sentence description | Associated bug (in order of preference: OWP Launch Tracking bug, normal Cr bug, WebKit bug) | Owner (@chromium.org username or a full email) | Implementation status in Chromium | Earliest version full feature shipped to desktop (X = not shipped yet, ? = unknown) | Earliest version full feature shipped in Chrome for Android | Technical Footprint (see Key tab for definition) | Web developer Visibility (see Key tab for definition) | Prefixed? | Standardization | Documented Safari views (please provide a link in the comments to back it up) | Documented Internet Explorer views (please provide a link in the comments to back it up) | Documented Firefox views (please provide a link in the comments to back it up) | Documented or perceived web developer views (please provide a link in a comment to back it up) | Link to spec (most mature version preferred) | Non-spec documentation for web developers | Metrics / usage | Links to shared conformance tests (only list tests shared with other vendors) | Notes | |
4 | Performance | User Timing API | Helps web developers measure the performance of their applications by giving them access to high precision timestamps. | crbug.com/159547 | simonjames | Stable channel | 25 | 25 | F1 | P2 | No | Working draft or equivalent | No public signals | Documented public support | No public signals | No signals | https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/UserTiming/Overview.html | https://developer.mozilla.org/en-US/docs/DOM/window.postMessage | ||||
5 | Misc | <datalist> | Predefined data/options for controls | Stable channel | 20 | X | F2 | P2 | No | Established standard | No public signals | IE10 | FF16 | No signals | http://whatwg.org/html#the-datalist-element | http://updates.html5rocks.com/2012/04/datalist-landed-in-Chrome-Canary | ||||||
6 | Misc | <details>/<summary> | Interactive widget to show/hide content. | Stable channel | 12 | 18 | F2 | P2 | No | Established standard | No public signals | No public signals | In development | No signals | http://whatwg.org/html#the-details-element | https://developer.mozilla.org/en-US/docs/HTML/Element/details | ||||||
7 | Misc | <dialog> | An HTML element for a dialog box | crbug.com/140205 | falken | Experimental feature | 25 | 25 | F1 | P1 | No | Working draft or equivalent | No public signals | No public signals | No public signals | Positive | http://whatwg.org/html#the-dialog-element | |||||
8 | Misc | <img srcset> | Enable a responsive images solution and give developers control over the image resource that is downloaded & displayed using the various resources' media attributes | No active development | No | Working draft or equivalent | In development | No public signals | No public signals | Mixed signals | http://whatwg.org/html#attr-img-srcset | See also <picture> element | ||||||||||
9 | Misc | <picture> element | crbug.com/233751 | yoav@yoav.ws | Started (on GitHub) | X | X | F1 | P0 | No | Working draft or equivalent | Mixed public signals | No public signals | No public signals | Mixed signals | http://www.w3.org/TR/html-picture-element/ | See also <img srcset> | |||||
10 | Web Components | <template> | HTML template element to allow creating fragment of inert HTML as a prototype for stamping out DOM. | crbug.com/164794 | rafaelw, adamk | Stable channel | 26 | 26 | F1 | P2 | No | Established standard | Mixed public signals | Documented public support | In development | Positive | http://www.w3.org/TR/html-templates/ | http://www.html5rocks.com/en/tutorials/webcomponents/template/ | ||||
11 | File APIs | a[download] attribute | When used on an <a>, this attribute signifies that the resource it points to should be downloaded by the browser rather than navigating to it. | - | Stable channel | 14 | 18 | F3 | P3 | No | Established standard | Public skepticism | No public signals | FF20 | No signals | http://whatwg.org/html#downloading-resources | http://updates.html5rocks.com/2011/08/Downloading-resources-in-HTML5-a-download | demo: http://html5-demos.appspot.com/static/a.download.html | ||||
12 | Graphics | Animated WebP | Support for animated WebP images | crbug.com/234777 | skonig | Experimental feature | X | X | F2 | P2 | X | Public discussion | Public skepticism | No public signals | Mixed public signals | Positive | https://developers.google.com/speed/webp/docs/riff_container | https://developers.google.com/speed/webp/ | ||||
13 | Offline | Application Cache | Enables web pages to work without the user being connected to the internet | michaeln | Stable channel | 6 | 18 | F0 | P1 | No | Established standard | Safari 4 | IE10 | FF3 | Negative | http://whatwg.org/html/#applicationcache | http://www.html5rocks.com/en/tutorials/appcache/beginner/ | Notes: Chrome's implementation is maxed at 260MB. Individual files max out at 32MB (260MB/8) | ||||
14 | JavaScript | Arrow function | The arrow (=>) takes the place of the function keyword | - | Proposed | X | X | F2 | P2 | X | Editor's draft specification | Documented public support | Documented public support | FF22 | Mixed signals | http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts | ||||||
15 | Device | Battery Status | Allows access to see the battery level of the device's battery | wkbug.com/62698 | rakuco (raphael.kubo.da.costa@intel.com) | Started | X | X | F2 | P3 | No | Established standard | No public signals | No public signals | FF (implemented) | Positive | https://dvcs.w3.org/hg/dap/raw-file/default/battery/Overview.html | http://www.smartjava.org/examples/webapi-battery/ | ||||
16 | File APIs | Blob | Allows you to construct Blobs directly (var blob = new Blob(["1234"], {type: 'text/plain'})). Blob() constructor also can take ArrayBufferView directly rather than constructing a blob with ArrayBuffer. | - | Stable channel | 20 | 25 | F1 | P2 | No | Established standard | Implemented | Implemented | Implemented | No signals | http://dev.w3.org/2006/webapi/FileAPI/#dfn-Blob | http://updates.html5rocks.com/2012/06/Don-t-Build-Blobs-Construct-Them | Allows you to construct Blobs directly (var blob = new Blob(["1234"], {type: 'text/plain'})). Blob() constructor also can take ArrayBufferView directly rather than constructing a blob with ArrayBuffer. | ||||
17 | JavaScript | Block bindings (let, const, function) | Allows developers to explicitly qualify access to variables within a block. | rossberg | Experimental feature | X | X | F2 | P2 | No | Editor's draft specification | Documented public support | Documented public support | FF1 | Strongly Positive | http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts | https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/let https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/const | |||||
18 | CSS | Box Alignment | CSS properties for aligning boxes within their container. Allows for true vertical centering among other features. | crbug.com/226252 | cbiesinger | No active development | X | X | F2 | P1 | X | Working draft or equivalent | No public signals | No public signals | Documented public support | No signals | http://dev.w3.org/csswg/css3-align/ | Generalizes justify-content, align-items, etc. that are also used by flexbox | ||||
19 | Graphics | Canvas | Provides an API to draw 2D graphics | crbug.com/130260 | wiltzius | Stable channel | 1 | 18 | F0 | P0 | No | Established standard | Safari 3.1 | IE9 | FF2 | Strongly Positive | http://whatwg.org/html#2dcontext | http://www.html5rocks.com/en/tutorials/canvas/integrating/ | ||||
20 | Graphics | Canvas context "alpha" attribute | Allow the specification of a 2D canvas with an opaque backing store (alpha: false). | crbug.com/234297 | senorblanco | Started | X | X | F2 | P2 | No | Public discussion | Mixed public signals | No public signals | Documented public support | No signals | http://wiki.whatwg.org/wiki/CanvasOpaque | |||||
21 | Graphics | Canvas rendering from workers | Render a Canvas object (2D or WebGL) from a web worker. | crbug.com/245884 | gman@chromium.org | Started | X | X | F2 | P1 | No | Public discussion | No public signals | No public signals | No public signals | http://wiki.whatwg.org/index.php?title=CanvasInWorkers | ||||||
22 | Graphics | Canvas2D text decoration | Add a textDecoration attribute to canvas 2D contexts, behavior similar to existing "font" attribute: It's a DOMString, parsed the same way as corresponding CSS property (text-decoration). | crbug.com/245526 | junov@chromium.org | Started | X | X | F3 | P1 | No | Public discussion | No public signals | No public signals | No public signals | No signals | Raised on WHATWG and discussed here: http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org//2013-April/039392.html | |||||
23 | Graphics | Canvas focus ring | Draws a system focus ring and exposes information about focused UI element in a canvas UI to assistive technology. | crbug.com/261998 | dmazzoni@chromium.org | Proposed | X | X | F2 | P3 | No | Editor's draft specification | No public signals | No public signals | No public signals | http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-drawsystemfocusring | See also W3C spec: http://www.w3.org/TR/2012/CR-2dcontext-20121217/#dom-context-2d-drawsystemfocusring | |||||
24 | CSS | Blending of elements | Offers more ways to combine HTML elements. | wkbug.com/110427;wkbug.com/91908;wkbug.com/100069;wkbug/108546 | Started | ? | X | F1 | P1 | No | Working draft or equivalent | In development | No public signals | Documented public support | No signals | https://dvcs.w3.org/hg/FXTF/rawfile/tip/compositing/index.html | http://updates.html5rocks.com/2012/02/Pointer-Lock-API-Brings-FPS-Games-to-the-Browser | Canvas blending is non-controversial and landed in Safari and Firefox already. Working on drawing model to ensure interop on CSS properties | ||||
25 | CSS | Blending of background images | Offers more ways to combine two image layers. | https://bugs.webkit.org/show_bug.cgi?id=108546;https://code.google.com/p/chromium/issues/detail?id=229166 | Started | F2 | P2 | No | Working draft or equivalent | Documented public support | No public signals | Mixed public signals | http://dev.w3.org/fxtf/compositing-1/#background-blend-mode | |||||||||
26 | Graphics | Compositing and Blending in Canvas 2D | The canvas 2d context has the globalCompositeOperation attribute that is used to set the current compositing and blending operator. | crbug.com/229468 | Started | X | X | F2 | P2 | No | Working draft or equivalent | Documented public support | No public signals | FF 20 | http://dev.w3.org/fxtf/compositing-1/#canvascompositingandblending | http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/ | ||||||
27 | CSS | Conditional Rules | Support for the @supports at-rule and the "window.DOM.supports()" API | crbug.com/140487 | peter | Canary or Dev | 28 | 28 | F3 | P2 | No | Established standard | In development | No public signals | FF17 | Positive | http://dev.w3.org/csswg/css-conditional/ | https://developer.mozilla.org/en-US/docs/CSS/@supports | ||||
28 | Security | Content Security Policy | Allows you to create a whitelist of sources of trusted content, and instructs the browser to only execute or render resources from those sourcesA. | crbug.com/160081 | mkwst, abarth | Beta channel | 14 | 18 | F1 | P1 | No | Established standard | Safari 5.1 | IE10 | FF4 | Mixed signals | https://dvcs.w3.org/hg/content-security-policy/raw-file/tip/csp-specification.dev.html | http://www.html5rocks.com/en/tutorials/security/content-security-policy/ | ||||
29 | CSS | CSS Variables | Introduces cascading variables as a new primitive value type that is accepted by all CSS properties, and custom properties for defining them. | crbug.com/164139 | alancutter | Experimental feature | X | X | F1 | P1 | Yes (until M29) | Working draft or equivalent | Mixed public signals | No public signals | In development | Mixed signals | http://www.w3.org/TR/css-variables/ | http://css3.bradshawenterprises.com/blog/css-variables/ | ||||
30 | Web Components | Custom elements | Method for registering (creating) custom elements in script. | crbug.com/180965 | dominicc | Experimental feature | 27 | 27 | F1 | P1 | No | Working draft or equivalent | Mixed public signals | No public signals | In development | No signals | http://www.w3.org/TR/custom-elements/ | https://dvcs.w3.org/hg/webcomponents/raw-file/tip/explainer/index.html#custom-element-section | ||||
31 | CSS | Custom filters (shaders) | Apply OpenGL shaders to arbitrary DOM elements. | Experimental feature | 24 | 26 | F1 | P1 | Yes | Working draft or equivalent | Documented public support | Mixed public signals | Documented public support | Positive | https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html#custom-filter | http://www.adobe.com/devnet/html5/articles/css-shaders.html http://adobe.github.com/web-platform/samples/css-customfilters/ | ||||||
32 | Misc | Dart | Dart is a new web programming language with libraries, a virtual machine, and tools. It's designed to help developers build fast, structured modern web apps. Dart compiles to JavaScript to run across the entire modern web. | bak@chromium.org | Started | X | X | F0 | P0 | No | Editor's draft specification | Opposed | Public skepticism | Opposed | Mixed signals | http://www.dartlang.org/docs/spec/latest/dart-language-specification.html | http://www.dartlang.org/docs/ | Mozilla CTO, Brendan Eich, has expressed skepticism | ||||
33 | JavaScript | Default parameter | Allows formal parameters to be initialized with default values if no value or undefined is passed. | - | No active development | X | X | F2 | P2 | X | Editor's draft specification | Documented public support | Documented public support | FF15 | Strongly Positive | http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts | https://developer.mozilla.org/en-US/docs/JavaScript/Reference/default_parameters | |||||
34 | Device | Device Motion | Provides access to device's physical motion | crbug.com/135804 | timvolodine | Started | X | X | F1 | P0 | No | Working draft or equivalent | Safari Mobile 4.2 | In development | FF6.0 | Positive | http://dev.w3.org/geo/api/spec-source-orientation.html | http://www.html5rocks.com/en/tutorials/device/orientation/ | ||||
35 | Device | Device Orientation | Provides access to device's physical orientation | crbug.com/44654 | andreip | Stable channel | 7 | 18 | F1 | P0 | No | Working draft or equivalent | Safari Mobile 4.2 | In development | FF3.6 | Strongly Positive | http://dev.w3.org/geo/api/spec-source-orientation.html | http://www.html5rocks.com/en/tutorials/device/orientation/ | ||||
36 | Device | canvasResolution | Provide css to device pixel ratio through window.screen.canvasResolution | crbug.com/254990 | Proposed | ? | ? | F1 | P2 | No | Working draft or equivalent | No public signals | No public signals | No public signals | No signals | http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-screen-canvasresolution | ||||||
37 | Input | DOM3 Keyboard Events | KeyboardEvent: keydown, keyup | garykac | No active development | X | X | F2 | P2 | Working draft or equivalent | Mixed public signals | IE9 | Mixed public signals | Positive | http://www.w3.org/TR/DOM-Level-3-Events/ | Partial implementation of earlier version of the DOM3 spec. | ||||||
38 | Input | DOM3 mouseenter & mouseleave Events | MouseEvents dispatched when a pointing device is moved onto or off of an Element or one of its descendents. Similar to mouseover and mouseout respectively, but are not cancelable and are not dispatched more than one "round-trip" into an Element's boundary. | crbug.com/236215 | mkwst | Proposed | X | X | F2 | P2 | No | Working draft or equivalent | Implemented (maybe Safari 7?) | IE5.5 | FF10 | Strongly Positive | http://www.w3.org/TR/DOM-Level-3-Events/#events-mouseevents | WebKit Bug: http://wkbug.com/18930 | ||||
39 | File APIs | Drag and Drop Directories | Allows dragging and dropping entire folders using HTML5 Drag and Drop. Extends the DataTransferItem with a method to get a FileEntry/DirectoryEntry. | kinuko | Stable channel | 21 | X (no plan to support) | F2 | P2 | Yes | Working draft or equivalent | No public signals | No public signals either way | Mixed public signals | No signals | http://wiki.whatwg.org/wiki/DragAndDropEntries | http://updates.html5rocks.com/2012/07/Drag-and-drop-a-folder-onto-Chrome-now-available | (var entry = DataTransferItem.webkitGetAsEntry()) | ||||
40 | Multimedia | Encrypted Media Extensions | Defines a common API that may be used to discover, select and interact with such systems as well as with simpler content encryption systems. | crbug.com/173059 | jluther, ddorwin | Stable channel | 26 | X | F2 | P0 | Yes | Working draft or equivalent | Documented public support | Documented public support | Public skepticism | Mixed signals | https://dvcs.w3.org/hg/html-media/raw-file/tip/encrypted-media/encrypted-media.html | None | ||||
41 | DOM | EventSource | Also called Server-sent Events, these are push notifications from the server received as DOM events. | ? | Stable channel | 6 | 18 | F1 | P3 | No | Established standard | Safari 5 | No public signals | FF6 | No signals | http://whatwg.org/html#server-sent-events | http://www.html5rocks.com/en/tutorials/eventsource/basics/ https://developer.mozilla.org/en-US/docs/Server-sent_events/Using_server-sent_events | |||||
42 | CSS | Exclusions and Shapes | Define arbitrary areas around which inline content can flow; and non-box shapes to define the inside or outside of flow areas | crbug.com/234749 | betravis@adobe.com | Started | X | X | F1 | P1 | Yes | Working draft or equivalent | No public signals | No public signals | Public skepticism | No signals | http://dev.w3.org/csswg/css-exclusions/ | |||||
43 | File APIs | File System | With the FileSystem API, a web app can create, read, navigate, and write to a sandboxed section of the user's local file system. | ericu | Stable channel | 13 | ? | F0 | P2 | Yes | Working draft or equivalent | Opposed | No public signals | Opposed | No signals | http://dev.w3.org/2009/dap/file-system/file-dir-sys.html | http://www.html5rocks.com/en/tutorials/file/filesystem/ | Demos: http://trac.webkit.org/browser/trunk/LayoutTests/fast/filesystem | ||||
44 | File APIs | FileReader | The FileReader object lets web applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer, using File or Blob objects to specify the file or data to read. | jianli | Stable channel | 7 | 18 | F2 | P2 | No | Working draft or equivalent | Safari (implemented) | IE10 | FF3.6 | No signals | http://dev.w3.org/2006/webapi/FileAPI/#dfn-filereader | http://www.html5rocks.com/en/tutorials/file/dndfiles/ | |||||
45 | File APIs | FileWriter | Synchronous API added in Chrome 9 for Workers | ericu | Stable channel | 9 | 18 | F2 | P2 | Yes | Working draft or equivalent | Public skepticism | Public skepticism | Public skepticism | No signals | http://dev.w3.org/2009/dap/file-system/file-writer.html | http://www.html5rocks.com/en/tutorials/file/filesystem/ | Synchronous API added in Chrome 9 for Workers | ||||
46 | CSS | Filters | Apply (SVG-like) filter effects to arbitrary DOM elements. | Stable channel | 19 | 25 | F1 | P1 | Yes | Working draft or equivalent | Safari 6 | No public signals | Public skepticism | Strongly Positive | https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html | http://updates.html5rocks.com/2011/12/CSS-Filter-Effects-Landing-in-WebKit | Firefox already implements the SVG filters on HTML content part of the Filter Effects spec, and has this bug to track the shorthand filters part: https://bugzilla.mozilla.org/show_bug.cgi?id=660196. Just wondering where their "public skepticism" was shown? | |||||
47 | CSS | Flexbox | A CSS box model optimized for user interface design. In the flex layout model, the children of a flex container can be laid out in any direction, and can "flex" their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent. Both horizontal and vertical alignment of the children can be easily manipulated. Nesting of these boxes (horizontal inside vertical, or vertical inside horizontal) can be used to build layouts in two dimensions. | wkbug.com/62048 | ojan | Stable channel | 21 | 25 | F1 | P2 | Yes | Established standard | In development | IE10 - pre-CR version of the spec | In development | Positive | http://www.w3.org/TR/css3-flexbox/ | https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_flexible_boxes http://dev.opera.com/articles/view/flexbox-basics/ http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/ | The old box model (display: -webkit-box) and spec has been replaced by a new one (display: -webkit-flex). http://html5-demos.appspot.com/static/css/flexbox/index.html | |||
48 | CSS | Font Load Events | A feature that enables applications to know if a web font is really loaded. | crbug.com/196457 | Experimental feature | 27 | 27 | F1 | P1 | No | Editor's draft specification | No public signals | No public signals | Documented public support | Positive | http://dev.w3.org/csswg/css-font-load-events-3/#fontloader-interface | Discussions ongoing whether to use DOM Futures or not | |||||
49 | JavaScript | for-of loops | Iterates over iterable objects (including arrays, array-like objects, iterators and generators), invoking a custom iteration hook with statements to be executed for the value of each distinct property. | - | No active development | X | X | F2 | P2 | X | Editor's draft specification | Documented public support | Documented public support | FF13 | Strongly Positive | http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts | https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/for...of | |||||
50 | CSS | Full multicol support | Bring Blink's multicol support to a level that matches other engines' (Presto and Trident) | mstensho@opera.com | No active development | X | X | F2 | P1 | No | Established standard | In development | IE10 | In development | No signals | http://dev.w3.org/csswg/css-multicol/ | http://dev.opera.com/articles/view/css3-multi-column-layout/ | It'll likely be region-based approach that WebKit has been taking for a while. Plan is to work in WebKit first, then bringing patchest to Blink. https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/mNgHFWfe1HY | ||||
51 | Misc | Fullscreen API | Programmatically instruct content on the page to be presented in the browser's full screen (kiosk) mode. | jeremya | Experimental feature | 15 | 27 | F2 | P0 | Yes | Working draft or equivalent | Safari 5.1 Prefixed | In development | FF10 Prefixed | Positive | https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html | http://updates.html5rocks.com/2011/10/Let-Your-Content-Do-the-Talking-Fullscreen-API | |||||
52 | JavaScript | DOM Promises (Futures) | Support for Promises in JavaScript | crbug.com/243345 | yhirano@chromium.org | Experimental feature | X | X | F1 | P1 | No | Editor's draft specification | No public signals | Documented public support | In development | Mixed signals | http://dom.spec.whatwg.org/#promises-api | https://github.com/slightlyoff/DOMFuture | ||||
53 | Device | GamePad API | Gives JS access to a game controller via USB. | crbug.com/72754 | scottmg | Stable channel | 18 | X (unknown if it's useful) | F1 | P2 | Yes | Working draft or equivalent | Public skepticism | No public signals | Documented public support | https://dvcs.w3.org/hg/gamepad/raw-file/default/gamepad.html | http://www.html5rocks.com/en/tutorials/doodles/gamepad/ | |||||
54 | CSS | Generated Content for Paged Media Module | CSS properties helpful for printed publication. We only implement paged-x / paged-y from the whole spec. | wkbug.com/94401 | Started | X | X | F2 | P2 | Yes | Working draft or equivalent | In development | No public signals | No public signals | No signals | http://dev.w3.org/csswg/css3-gcpm/ | WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=94401 | |||||
55 | Device | Geolocation | Provides access to device's physical location | wkbug.com/21475 | andreip | Stable channel | 5 | 18 | F1 | P0 | No | Established standard | Safari 5 | IE9 | FF3.5 | Strongly Positive | http://www.w3.org/TR/geolocation-API/ | http://www.html5rocks.com/en/tutorials/geolocation/trip_meter/ | http://dev.w3.org/geo/api/test-suite/ | |||
56 | Multimedia | getUserMedia | Local component of WebRTC | tommyw | Stable channel | 21 | 26 (experimental) | F1 | P1 | Yes | Working draft or equivalent | Public skepticism | No public signals either way | FF (implemented) | Strongly Positive | http://dev.w3.org/2011/webrtc/editor/getusermedia.html | http://www.html5rocks.com/en/tutorials/getusermedia/intro/ | WebRTC -> WebAudio (crbug.com/121673) WebAudio -> WebRTC (crbug.com/112367) | ||||
57 | CSS | Gradients | Gradients provide a method to, over a customizable amount of space, transition from one color to another. | Stable channel | 25 | 25 | F1 | P1 | No | Established standard | Safari 5.1 | IE 10 | FF10 | Positive | http://dev.w3.org/csswg/css3-images/ | https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_gradients | ||||||
58 | CSS | Grid | A two-dimensional grid-based layout system, optimized for user interface design. | crbug.com/79180 | jchaffraix | Started | X | X | F1 | P2 | No | Working draft or equivalent | In development | IE10 - earlier version of the spec | Mixed public signals | No signals | http://dev.w3.org/csswg/css3-grid-layout/ | None? | ||||
59 | Networking | HTTP Client Hints | Header for proactive content negotiation; just as the Accept header allowed clients to indicate what formats they prefer, Client Hints allow clients to indicate a list of device and agent specific preferences. | crbug.com/170388 | igrigorik | No active development | X | X | F2 | P3 | No | Editor's draft specification | No public signals | No public signals | Mixed public signals | No signals | https://github.com/igrigorik/http-client-hints/blob/master/draft-grigorik-http-client-hints-00.txt | |||||
60 | Networking | HTTP Strict Transport Security (HSTS) | Header to inform the browser to always request a given domain over SSL, reducing MITM attack surface area. | mkwst | Stable channel | 4 | 18 | F2 | P1 | No | Established standard | No public signals | No public signals | FF4 | Positive | http://tools.ietf.org/html/rfc6797 | http://www.html5rocks.com/en/tutorials/security/transport-layer-security/ | Notes: details on STS on chromium.org at http://dev.chromium.org/sts | ||||
61 | Networking | HTTP/2 (SPDY) | A fast, open protocol for transporting web content. | willchan,fenix | Stable channel | 7 | 18 | F0 | P0 | No | Working draft or equivalent | No public signals | Mixed public signal | FF13 | Positive | http://htmlpreview.github.com/?https://github.com/http2/http2-spec/blob/master/draft-ietf-httpbis-http2.html | Used by Google, Twitter, Facebook, CloudFlare, WordPress.com. Supported in many open source implementations, including most notably nginx and mod_spdy. | |||||
62 | Misc | iframe[sandbox] attribute | Method of running external site pages with reduced privileges (i.e. no JavaScript) in iframes (<iframe sandbox="allow-same-origin allow-forms" src="..."></iframe>) | abarth | Stable channel | 19 | 25 | F2 | P3 | No | Established standard | Safari 5.1 | IE10 | FF18 | Strongly Positive | http://whatwg.org/html#attr-iframe-sandbox | www.html5rocks.com/en/tutorials/security/sandboxed-iframes/ | |||||
63 | Misc | iframe[seamless] attribute | The seamless attribute is used to embed and <iframe> in the calling page without scrollbars or borders (e.g. seamlessly) | mkwst | Experimental feature | X | 26 | F3 | P2 | No | Established standard | Documented public support | No public signals | Documented public support | Mixed signals | http://whatwg.org/html#attr-iframe-seamless | https://developer.mozilla.org/en-US/docs/HTML/Element/iframe | In m26, seamless iframes inherit styles from their embedding parent page. The feature lives behind the "Experimental WebKit Features" flag. | ||||
64 | Misc | iframe[srcdoc] attribute | Gives the content of an iframe as a src context to embed (e.g. <iframe seamless srcdoc="<b>Hello World</b>"></iframe>). | abarth | Stable channel | 20 | 25 | F3 | P3 | No | Established standard | Safari 6 | No public signals | FF25 | No signals | http://whatwg.org/html#attr-iframe-srcdoc | Note: If both src and srcdoc are set, the latter takes precedence. | |||||
65 | Input | IME API | Provides web applications with scripted access to an IME (input-method editor) associated with a hosting user agent. | crbug.com/226938 | kochi | Started | 29 | X | F2 | P2 | No | Working draft or equivalent | Mixed public signals | Documented public support | Mixed public signals | No signals | https://dvcs.w3.org/hg/ime-api/raw-file/default/Overview.html | None? | http://lists.w3.org/Archives/Public/public-webapps/2013JanMar/1059.html http://www.w3.org/2012/10/30-webapps-minutes.html#item04 | |||
66 | Storage | IndexedDB | An asynchronous client-side storage API offering fast access to large amounts of structured data | crbug.com/158629 | jsbell | Stable channel | 11 | 18 | F0 | P1 | No | Established standard | Public skepticism | IE10 | FF4 | Positive | https://dvcs.w3.org/hg/IndexedDB/raw-file/tip/Overview.html | http://www.html5rocks.com/en/tutorials/indexeddb/todo/ | http://w3c-test.org/webapps/IndexedDB/tests/ | Chrome missing Blob support; crbug.com/108012 | ||
67 | Input | inputmode | The inputmode content attribute is an enumerated attribute that specifies what kind of input mechanism would be most helpful for users entering content into the form control. | crbug.com/248482 | yoichio (PM: kenjibaheux) | Started | X | X | F2 | P2 | No | Editor's draft specification | Mixed public signals | Documented public support | In development | Positive | http://www.w3.org/html/wg/drafts/html/master/forms.html#attr-fe-inputmode | API might change (discussion about the spec happening: http://lists.w3.org/Archives/Public/public-whatwg-archive/2013Feb/0078.html) Regarding Safari support: https://bugs.webkit.org/show_bug.cgi?id=23588 indicates that its previous incarnation had some positive views | ||||
68 | JavaScript | Iterators and Generators | An Iterator is an object that knows how to access items from a collection one at a time, while keeping track of its current position within that sequence. A generator is a special type of function that works as a factory for iterators. | - | No active development | X | X | F2 | P2 | X | Editor's draft specification | Documented public support | Documented public support | FF1 | Strongly Positive | http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts | https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Iterators_and_Generators | |||||
69 | CSS | Lazy layout | Support a system for doing lazy layout based on what elements are visible in the viewport. | esprehn | Experimental feature | X | X | F1 | P1 | No | No public discussion / Not standards track | No public signals | No public signals | No public signals | Positive | https://docs.google.com/document/d/1-tbcMJV8wNbX2g5ehNIcE_1W7Kj_B3g9w1BrUgHnh3U/edit# | ||||||
70 | JavaScript | Map | Map objects are simple key/value maps. | mstarzinger | Experimental feature | X | X | F2 | P2 | No | Editor's draft specification | Documented public support | Documented public support | FF13 | Strongly Positive | http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts | https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Map | |||||
71 | CSS | Masking | Allows hiding of portions of a visible elements. | Stable channel | ? | 18 | F1 | P2 | Yes | Working draft or equivalent | In development or original initiator | In development or original initiator | In development or original initiator | No signals | https://dvcs.w3.org/hg/FXTF/raw-file/tip/masking/index.html | http://www.html5rocks.com/en/tutorials/masking/adobe/ | The implementation of SVG Masking and SVG clipping for SVG content is implementated in all browsers. CSS Masking or Clipping is implemented in Chrome and Safari. | |||||
72 | DOM | matchMedia | API for testing if a given media query will apply. | wkbug.com/37205 | luiz@webkit | Stable channel | 9 | 18 | F2 | P2 | No | Established standard | Safari 5.1 | IE10 | FF6 | Positive | http://dev.w3.org/csswg/cssom-view/#widl-Window-matchMedia-MediaQueryList-DOMString-query | https://developer.mozilla.org/en-US/docs/DOM/window.matchMedia | ||||
73 | Misc | MathML | An application of XML for describing mathematical notations and capturing both its structure and content. | crbug.com/174539 | - | Deprecated | X | X | F0 | P1 | No | Established standard | Safari 5.1 | No public signals | FF2 | Strongly Positive | http://www.w3.org/TR/MathML3/ | None? | ||||
74 | CSS | Media Queries: resolution feature | Allows to query the device pixel count per CSS unit | crbug.com/158744 | kenneth.r.christiansen@intel.com | Canary or Dev | X | X | No | Established standard | Mixed public signals | In development | FF16 | Positive | http://www.w3.org/TR/css3-mediaqueries/#resolution | https://developer.mozilla.org/en-US/docs/CSS/resolution | ||||||
75 | Multimedia | Media Source Extensions | Allows appending data to an <audio>/<video> element. | crbug.com/144669 | jluther, acolwell | Stable channel | 23 | X | F2 | P1 | Yes | Editor's draft specification | Public skepticism | In development | Public skepticism | Positive | https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/media-source.html | http://updates.html5rocks.com/2011/11/Stream-video-using-the-MediaSource-API http://html5-demos.appspot.com/static/media-source.html | ||||
76 | Communication | MessageChannels | A messaging system that allows documents to communicate with each other regardless of their source domain, in a way designed to not enable cross-site scripting attacks. | - | Stable channel | ? | 18 | F2 | P2 | No | Established standard | Safari (implemented) | IE (implemented) | Documented public support | Positive | http://whatwg.org/html#message-channels | ||||||
77 | Security | Meta Referrer | Using the referrer metadata attribute, a document can control the behavior of the Referer HTTP header attached to requests that originate from the document. | eisinger | Stable channel | 21 | 25 | F3 | P3 | No | Editor's draft specification | Safari (implemented) | No public signals | In development | No signals | http://wiki.whatwg.org/wiki/Meta_referrer | None? | |||||
78 | Misc | Microdata | Microdata is used to nest semantics within existing content on web pages. | esprehn | Removed | X | X | F1 | P1 | No | Established standard | No public signals | No public signals | FF16 | Mixed signals | http://whatwg.org/html#microdata-dom-api | http://diveintohtml5.info/extensibility.html http://support.google.com/webmasters/bin/answer.py?answer=176035 | Rich snippets uses data from web pages marked up with Microdata | Was removed per discussion on blink-dev@ | |||
79 | DOM | MutationObservers | Provides notifications when DOM nodes are rearranged or modified. | wkbug.com/68729 | rafaelw, adamk | Stable channel | 18 | 18 | F1 | P2 | No | Established standard | Safari (implemented) | In development | FF (implemented) | Positive | http://dom.spec.whatwg.org/#mutation-observers | https://developer.mozilla.org/en-US/docs/DOM/MutationObserver | ||||
80 | Performance | Navigation Timing API | Allows web applications to access timing information related to navigation and elements. | simonjames | Stable channel | 13 | 25 | F1 | P2 | No | Established standard | Public skepticism | IE9 | FF16 | Positive | https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html | http://www.html5rocks.com/en/tutorials/webperformance/basics/ | |||||
81 | CSS | object-fit and object-position | CSS properties that control the position and size of replaced content within the content box | crbug.com/236331 crbug.com/236333 | mstensho@opera.com | Started | X | X | F2 | P2 | No | Established standard | In development | No public signals | Documented public support | Strongly Positive | http://dev.w3.org/csswg/css-images-3/#the-object-fit | http://dev.opera.com/articles/view/css3-object-fit-object-position/ | ||||
82 | JavaScript | Object.observe | Observe changes to JS objects. | crbug.com/162553 | rafaelw, adamk | Experimental feature | X | X | F2 | P2 | No | Working draft or equivalent | No public signals | Documented public support | Documented public support | No signals | http://wiki.ecmascript.org/doku.php?id=harmony:observe | http://updates.html5rocks.com/2012/11/Respond-to-change-with-Object-observe | ||||
83 | CSS | overflow-anchor | Stick the visible view of an element to the bottom/top even as new content expands it's size. | mikelawther, esprehn | Started | X | X | F2 | P2 | No | Public discussion | Public skepticism | Public skepticism | Public skepticism | Mixed signals | http://lists.w3.org/Archives/Public/www-style/2012Jun/0347.html | None? | |||||
84 | DOM | Page Visibility API | Provides an API to ask whether the current tab is visibile or not. If you, you might want to throttle back action or set an idle state. | shishir | Stable channel | 13 | 18 | F2 | P2 | Yes | Established standard | In development | IE10 | FF10 | Positive | https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/PageVisibility/Overview.html | https://developers.google.com/chrome/whitepapers/pagevisibility | Relatedly, setTimeout/Interval are clamped to 1000ms when in a background tab as of m11. Firefox 5 has the same behavior. | ||||
85 | SVG | Parse SVG as HTML | Switch all SVG parsing to use the HTML parser. | crbug.com/243882 | pdr@chromium.org | Started | X | X | F2 | P1 | No | No public discussion / Not standards track | No public signals | No public signals | No public signals | No signals | http://www.w3.org/TR/SVG/implnote.html#ErrorProcessing | |||||
86 | Performance | performance.now() | Enables reliable, high-resolution timing of client-side performance. | crbug.com/158638 | simonjames | Stable channel | 24 | 25 | F2 | P2 | No | Established standard | Mixed public signals | IE (implemented) | FF (implemented) | No signals | https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/HighResolutionTime/Overview.html | http://updates.html5rocks.com/2012/08/When-milliseconds-are-not-enough-performance-now | ||||
87 | Input | Pointer Events | Unified pointer input API subsuming MouseEvent and TouchEvents which addresses several existing problems (especially on touchscreen laptops) and provides future extensibility. | crbug.com/196799 | rbyers | No active development | X | X | F1 | P1 | No | Working draft or equivalent | Opposed | IE10 (pre-standards verison) | Documented public support | Positive | http://www.w3.org/TR/pointerevents/ | http://docs.webplatform.org/wiki/concepts/Pointer_Events Lots for IE10, eg: http://blogs.msdn.com/b/ie/archive/2011/09/20/touch-input-for-ie10-and-metro-style-apps.aspx | ||||
88 | Input | Touch Action | New CSS properties (based on pointer events) to enable websites to declaratively state how touches should be handled, without necessarily blocking on the main thread. Provides performance and functionality benefits to sites using touch events, while also enabling great pointer event polyfills. | http://crbug.com/258459 | rbyers | Started | X | X | F1 | P1 | No | Public discussion | No public signals | No public signals | No public signals | No public signals | https://docs.google.com/a/chromium.org/document/d/1CV2AXyrdPdGSRypAQcfGrgQVuWYi50EzTmVsMLWgRPM/edit#heading=h.93armas5zeh0 | |||||
89 | Misc | Pointer Lock | Gives access to raw mouse movement, locks the target of mouse events to a single element, eliminates limits of how far mouse movement can go in a single direction, and removes the cursor from view. Obvious use cases are for first person or real time strategy games. | crbug.com/72754 | scheib | Stable channel | 23 | X | F1 | P1 | No | Working draft or equivalent | No public signals | No public signals | FF14 | Positive | http://dvcs.w3.org/hg/webevents/raw-file/default/mouse-lock.html | http://updates.html5rocks.com/2012/02/Pointer-Lock-API-Brings-FPS-Games-to-the-Browser | Pointer lock can only work within one document. If you lock in one iframe, you can not have another iframe try to lock and transfer the target... it will error instead. The first iframe has to unlock, then the second iframe can lock. Also, iframes work by default, but sandboxed iframes block pointer lock unless permission is given with <iframe sandbox="allow-pointer-lock">. | |||
90 | MIsc | Portable Native Client (PNaCl) | Run C/C++ code compiled to LLVM bitcode on any web page. The code runs inside the Native Client sandbox and has access to the same capabilities as JavaScript via the Pepper APIs. | crbug.com/146958 | sehr@chromium.org | Started | X | X | F0 | P0 | No | Public discussion | No public signals | No public signals | Opposed | Mixed signals | Mozilla CTO, Brendan Eich, has expressed skepticism, e.g., on this thread: https://news.ycombinator.com/item?id=4630057 | |||||
91 | CSS | position: sticky | position: sticky is a new way to position elements and is conceptually similar to position: fixed. The difference is that a stickily positioned element behaves like position: relative within its parent, until a given offset threshold is met. | ojan | Experimental feature | 23 | ? | F2 | P2 | Yes | Public discussion | Documented public support | No public signals either way | Mixed public signals | No signals | http://lists.w3.org/Archives/Public/www-style/2012Jun/0627.html | http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit | |||||
92 | Communication | postMessage | Safely enables cross-origin communication. | crbug.com/158865 | abarth | Stable channel | 1 | 18 | F3 | P2 | No | Established standard | Safari 4 | IE8 | FF3 | Positive | http://whatwg.org/html#dom-window-postmessage | http://updates.html5rocks.com/2011/12/Transferable-Objects-Lightning-Fast | ||||
93 | CSS | Proprietary CSS reflections | -webkit-box-reflect | ? | Stable channel | 4 | 18 | F2 | P2 | Yes | Public discussion | No public signals | No public signals | No public signals | No signals | |||||||
94 | CSS | Proprietary marquee value | overflow: -webkit-marquee | Stable channel | ? | 18 | F2 | P2 | Yes | Public discussion | No public signals | No public signals | No public signals | No signals | https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html | There are separate marquee features implemented as -webkit-marquee-* properties. https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-marquee | ||||||
95 | CSS | Proprietary mask properties | -webkit-mask-* (-webkit-mask-clip) | Stable channel | ? | 18 | F2 | P2 | Yes | Public discussion | No public signals | No public signals | No public signals | No signals | -webkit-mask is adopted as part of CSS Masking (row #84) | |||||||
96 | JavaScript | Proxies | Proxies are objects for which the programmer has to define the semantics in JavaScript. | rossberg | Experimental feature | X | X | F2 | P2 | No | Editor's draft specification | Mixed public signals | Mixed public signals | FF18 | Positive | http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts | https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Proxy | |||||
97 | Storage | Quota Management API | This API can be used to check how much quota an app/origin is using. | kinuko | Stable channel | 14 | 18 | F1 | P2 | Yes | Working draft or equivalent | No public signals | No public signals | Documented public support | Positive | http://www.w3.org/TR/quota-api/ | http://updates.html5rocks.com/2011/11/Quota-Management-API-Fast-Facts, https://developers.google.com/chrome/whitepapers/storage | Since M27 Chrome's Quota API will be updated to match with the latest W3C WD. (The old API is still supported but will start showing a deprecation message) | ||||
98 | CSS | Regions | Magazine-like content flow into specified regions. | wkbug.com/57312 | Experimental feature | 19 | 25 (experimental) | F1 | P2 | Yes | Working draft or equivalent | No public signals | In development or original initiator | Opposed | No signals | http://dev.w3.org/csswg/css3-regions/ | http://docs.webplatform.org/wiki/apis/css-regions | |||||
99 | Graphics | requestAnimationFrame | Offload animation repainting to browser for optimized performance. | crbug.com/158676 | jamesr | Stable channel | 24 | 25 | F1 | P1 | No | Established standard | Safari 5 | IE10 | FF4 | Positive | https://dvcs.w3.org/hg/webperf/raw-file/default/specs/RequestAnimationFrame/Overview.html | http://www.html5rocks.com/en/tutorials/speed/rendering/#toc-raf | ||||
100 | Misc | requestAutocomplete() | Allows a form to be filled out on demand by the browser's autofill. | crbug.com/159537 | mgaba | Started | 27 | ? | F2 | P1 | No | Editor's draft specification | No public signals | No public signals | No public signals | No signals | http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2012-October/037711.html | None? |