PNG alpha transparency

- Candidate Recommendation

Semi-transparent areas in PNG files

Resources:
W3 Test files
Workaround for IE6
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 6.0 to expire

CSS 2.1 selectors

- Candidate Recommendation

Allows more accurate element selecting, using >, +, [attr], :first-child, etc.

Resources:
Detailed support information
Examples of advanced selectors
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 6.0 to expire

WYSIWYG editable elements (contenteditable attribute)

- Working Draft

Method of making any HTML element editable

Resources:
Demo page
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Firefox 2.0 to expire

CSS table display

- Candidate Recommendation

Method of displaying elements an tables, rows, and cells

Resources:
Detailed article on usage
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 7.0 to expire

CSS generated content

- Candidate Recommendation

Method of displaying text or images before or after elements

Resources:
Examples of different types of generated content
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 7.0 to expire

Data URIs

- IETF standard

Method of embed images and other files in webpages as text.

Resources:
Example image
Inline Images with Data URLs
Wikipedia
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 7.0 to expire

Note: Support in Internet Explorer 8b2 is limited to images and linked resources like CSS files, not HTML files. Max URI length is 32KB.

CSS3 Box-sizing

- Candidate Recommendation

Method of specifying whether or not an element's borders, padding and margin should be including in size units

Resources:
CSS3 box-sizing attribute
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 7.0 to expire

Canvas (basic support)

- Working Draft

Method of generating dynamic graphics using JavaScript

Resources:
Wikipedia
Tutorial by Mozilla
Animation kit experiment
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0 to expire

XHTML served as application/xhtml+xml

- Recommendation

A strict form of HTML, and allows embedding of other XML languages

Resources:
Wikipedia
Examples compared to text/html pages
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0 to expire

Note: The XHTML syntax is very close to HTML, and thus is almost always served as text/html on the web.

SVG (basic support)

- Recommendation

Method of displaying basic Vector Graphics features using the embed or object elements

Resources:
Wikipedia
Sample files
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0 to expire

New, stylable HTML5 elements

- Working Draft

HTML5 offers some new elements, primarily for semantic purposes. The "stylable" part refers to the ability to use CSS on these elements

Resources:
Workaround for IE
Alternate workaround
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0 to expire

Note: In Firefox 2 and older, the elements are self-closing.

CSS3 Colors

- Candidate Recommendation

Method of describing colors using HSL, as well as allowing alpha-transparency

Resources:
HSL demo
RGBA demo
HSLA demo
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0 to expire

Note: Incomplete support by Presto (Opera) refers to the lack of support for RGBA/HSLA. Incomplete support by Firefox 2 refers to support for HSL, not HSLA or RGBA

querySelector

- Working Draft

Method of accessing DOM elements using CSS selectors

Resources:
Selectors test including querySelectorAll
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 7.0, Firefox 3.0, Opera 9.6 to expire

Note: Only works for the CSS selectors available. Thus the IE8 implementation is limited to the CSS 2.1 selectors

getElementsByClassName

- Working Draft

Method of accessing DOM elements by class name

Resources:
Test page
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0 to expire

CSS 3 selectors

- Candidate Recommendation

Advanced element selection

Resources:
Detailed support information
W3 Test suite
Automated CSS3 selector test
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0 to expire

CSS3 Multiple column layout

- Working Draft

Method of flowing information in multiple columns

Resources:
Demo page
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Opera 10.0 to expire

SVG fonts

- Recommendation

Method of using fonts defined as SVG shapes

Resources:
Font example
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Firefox 3.5 to expire

Note: Gecko support "high on the list" for Firefox 3.2, but not guaranteed

CSS3 Media Queries

- Candidate Recommendation

Method of applying styles based on media information. Includes things like page and device dimensions

Resources:
Demo page for page width
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0 to expire

Note: Incomplete support by webkit refers to only acknowledging different media rules on page reload

CSS3 Rounded corners (border radius)

- Working Draft

Method of making the border corners round

Resources:
Demo page
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Opera 10.0 to expire

Note: Incomplete support refers to non-antialiased corners

Accessibility for AJAX and other web features (WAI-ARIA)

- Working Draft

Method of providing ways for people with disabilities to use dynamic web content and web applications

Resources:
Wikipedia
Information page
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Chrome 1.* to expire

Font linking (@font-face)

- Working Draft

Method of displaying fonts downloaded from websites

Resources:
Article with several test pages
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Chrome 1.* to expire

Note: Trident (Internet Explorer) only supports EOT fonts

CSS3 Border images

- Working Draft

Method of using images for borders

Resources:
Example page
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Opera 10.0 to expire

CSS3 Box-shadow

- Working Draft

Method of displaying shadow or blur effect to elements

Resources:
Webkit demo
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Opera 10.0 to expire

Cross-document messaging

- Working Draft

Method of sending information from pages on different domains to each other (using postMessage)

Resources:
Demo
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Chrome 1.* to expire

CSS 3 Text-shadow

- Candidate Recommendation

Method of displaying shadow or blur effect to text

Resources:
Information page with examples
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Chrome 1.* to expire

Note: Incomplete support by webkit refers to the lack of support for multiple shadows

CSS3 Multiple backgrounds

- Working Draft

Method of using multiple images as a background

Resources:
Example page
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Firefox 3.5 to expire

Client-side storing of name/value pairs

- Working Draft

Method of storing data locally like cookies, but for larger amounts of data (sessionStorage and localStorage).

Resources:
Gecko reference
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Chrome 1.* to expire

Audio element

- Working Draft

Method of playing sound on webpages (without requiring a plug-in)

Resources:
Podcast site that uses <audio>
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Chrome 2.0 to expire

Note: Opera 9.5+ supports the HTML5 audio object, though not the element. While the Opera "Video" build only supports Ogg Vorbis audio files using the video element, Opera 10 is expected to support the audio element as well.

SVG in CSS backgrounds

- Working Draft

Method of using SVG images as CSS backgrounds

Resources:
Test page
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Firefox 3.5, Chrome 1.* to expire

Note: Incomplete support by webkit refers to limitations on the conditions (see test page for examples). Gecko support "high on the list" for Firefox 3.2, but not guaranteed

SVG SMIL animation

- Recommendation

Method of using animation elements to animate SVG images

Resources:
Example files
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Firefox 3.5, Chrome 1.* to expire

Note: Gecko support "high on the list" for Firefox 3.2, but not guaranteed

SVG filters

- Recommendation

Method of using photoshop-like effects on SVG shapes

Resources:
Advanced filter effects
W3C example
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Chrome 2.0 to expire

Drag and Drop

- Working Draft

Method of easily dragging and drop elements on a page

Resources:
WhatWG demo
Another demo
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Chrome 1.*, Opera 10.0 to expire

MathML

- Recommendation

An XML language that allows mathematical formulas and notations to be written on web pages.

Resources:
Wikipedia
MathML Opera Stress Tests
MathML Opera Torture Tests
Info on Opera's MathML support
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Safari 4.0, Chrome 1.* to expire

Note: Opera's support is limited to a CSS profile of MathML

Offline web applications

- Working Draft

Method of selecting web page files to be cached, thus allowing them to work offline on subsequent visits to the page

Resources:
Offline app demo
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Chrome 1.*, Opera 10.0 to expire

Note: Also supported in Mobile Safari 3.1 Google Chrome includes the Google Gears plug-in by default, which can be used as alternative

Video element

- Working Draft

Method of playing videos on webpages (without requiring a plug-in)

Resources:
Several tests
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Chrome 1.*, Opera 10.0 to expire

Note: Webkit only supports QuickTime videos by default, Presto and Firefox only support Ogg Theora files

Independent JavaScript threading (Web Workers)

- Working Draft

Method of running scripts in the background, isolated from the web page

Resources:
Web Worker demo
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Chrome 1.*, Opera 10.0 to expire

Note: Google Chrome includes the Google Gears plug-in by default, which can be used as alternative

Text API for Canvas

- Working Draft

Method of displaying text on Canvas elements

Resources:
Examples by Mozilla
Example chart
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Chrome 1.*, Opera 10.0 to expire

HTML5 form features (Web Forms 2.0)

- Working Draft

Expanded form options, including things like date pickers, sliders and validation

Resources:
W3 Test page (based on original spec)
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Firefox 4.0, Safari 4.*, Chrome 2.0 to expire

Note: Opera implementation is based on the original WHATWG specification. Some changes have been made in HTML5

Client-side Database Storage

- Working Draft

Method of storing data locally, allows database queries for access and manipulation

Resources:
Webkit example
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Firefox 3.5, Chrome 1.* to expire

Server-sent DOM events

- Working Draft

Method of continuously sending data from a server to the browser, rather than repeatedly requesting it (EventSource interface)

Resources:
Opera blog post w/info
Opera web chat demo
Internet ExplorerFirefoxSafariChromeOpera
Past6.02.03.10.29.0
Present7.03.03.21.09.6
Near Future (2009)8.03.54.01.*10.0
Future (2010 or later)9.04.04.*2.010.*
Conclusion: Not ready. Waiting for Internet Explorer 8.0, Firefox 3.5, Safari 4.0, Chrome 1.* to expire

Note: Opera implementation is based on the original WHATWG specification, using the <event-source> HTML element. Much has changed in the specification since then, and no element is actually used.

Summary

Calculation of support of currently displayed feature lists

Internet ExplorerFirefoxSafariChromeOpera
Past6.0: 4%2.0: 34%3.1: 46%0.2: 54%9.0: 37%
Present7.0: 11%3.0: 51%3.2: 68%1.0: 54%9.6: 63%
Near Future (2009)8.0: 31%3.5: 83%4.0: 88%1.*: 54%10.0: 69%
Future (2010 or later)9.0: 31%4.0: 92%4.*: 88%2.0: 83%10.*: 79%