Alternate rendition of Fyrd's when can I use... page with Wikimedia Dec 2010 browser usage statistics.
| feature | IE | Firefox | Safari | iOS | Chrome | And. | Opera | O.Mob | O.Mini | % | ||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6 | 7 | 8 | 9 | 2 | 3 | 3.5 | 3.6 | 4 | 3.1 | 3.2 | 4 | 5 | 6 | 3.2 | 4.1 | 4.2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 2.1 | 2.2 | 9.5 | 10.0 | 10.5 | 10.6 | 11 | 11.1 | 10 | 5 | ||||
| feature | IE | Firefox | Safari | iOS | Chrome | And. | Opera | O.Mob | O.Mini | % | ||||||||||||||||||||||||||||
| css3 | CSS3 Word-wrap Allows lines to be broken within words if an otherwise unbreakable string is too long to fit. Resources: MDN article. | wd | 5.5‒9 | 2‒3 | 3.5‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 97 | ||||||||||||||||||||||||
| png | PNG alpha transparency Semi-transparent areas in PNG files. Where support for APNG is missing, only the first frame is displayed. Resources: W3 Test files, Workaround for IE6. | cr | 5.5 | 6 | 7‒9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 95 | ||||||||||||||||||||||||
| css2 | CSS 2.1 selectors Allows more accurate element selecting, using >, +, [attr], :first-child, etc. Resources: Detailed support information, Examples of advanced selectors. | cr | 5.5 | 6 | 7‒9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 95 | ||||||||||||||||||||||||
| html5 | contenteditable attribute Method of making any HTML element editable. Resources: Demo page, WHATWG blog post, Blog post on usage problems. | wd | 5.5‒9 | 2 | 3 | 3.5‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 93 | ||||||||||||||||||||||||
| css | CSS position:fixed Method of keeping an element in a fixed location regardless of scroll position. Only works in Android 2.2+ by using the following meta tag: <meta name="viewport" content="width=device-width, user-scalable=no">. Resources: Workaround for IE6, Workaround for Mobile Safari. | cr | 5.5 | 6 | 7‒9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1 | 2.2 | 9.5‒11.1 | 10 | 5 | 91 | |||||||||||||||||||||||
| html5 | Drag and Drop Method of easily dragging and dropping elements on a page, requiring minimal JavaScript. Resources: HTML5 Doctor article, Shopping cart demo, Demo with link blocks. | wd | 5.5‒9 | 2‒3 | 3.5‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 90 | ||||||||||||||||||||||||
| css2 | CSS Generated content Method of displaying text or images before or after elements using the :before and :after pseudo-elements. Resources: Guide on usage, Examples of different types of generated content. | cr | 5.5‒7 | 8‒9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 81 | |||||||||||||||||||||||||
| css2 | CSS Table display Method of displaying elements as tables, rows, and cells. Resources: Detailed article on usage, Blog post on usage. | cr | 5.5‒7 | 8‒9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 81 | |||||||||||||||||||||||||
| css3 | CSS3 Box-sizing Method of specifying whether or not an element's borders, padding and margin should be included in size units. Resources: MDN article, Information page. | cr | 5.5‒7 | 8‒9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 81 | |||||||||||||||||||||||||
| dom | querySelector/querySelectorAll Method of accessing DOM elements using CSS selectors. Only works for the CSS selectors available. Thus the IE8 implementation is limited to the CSS 2.1 selectors. Resources: Selectors test including querySelectorAll. | cr | 5.5 | 6‒7 | 8‒9 | 2‒3 | 3.5‒4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5 | 10.0‒11.1 | 10 | 5 | 80 | |||||||||||||||||||||
| js | Web Storage - name/value pairs Method of storing data locally like cookies, but for larger amounts of data (sessionStorage and localStorage, used to fall under HTML5). Resources: Gecko reference, Support library, Simple demo. | wd | 5.5 | 6‒7 | 8‒9 | 2‒3 | 3.5‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 80 | |||||||||||||||||||||
| js | Cross-document messaging Method of sending information from a page on one domain to a page on a different one (using postMessage). Resources: Demo, MDN article, Simple demo. | wd | 5.5‒7 | 8‒9 | 2 | 3‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 80 | |||||||||||||||||||||||
| css3 | CSS3 Opacity Method of setting the transparency level of an element. Transparency for elements in IE8 and older can be achieved using the proprietary "filter" property and does not work well with PNG images using alpha transparency. | pr | 5.5‒8 | 9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 78 | |||||||||||||||||||||||||
| js | JSON parsing Method of converting JavaScript objects to JSON strings and JSON back to objects using JSON.stringify() and JSON.parse(). Resources: MDN article, JSON in JS (includes script w/support). | other | 5.5‒7 | 8‒9 | 2‒3 | 3.5‒4 | 3.1‒4 | 5‒6 | 3.2 | 4.1‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 76 | |||||||||||||||||||||
| js | Hashchange event Event triggered in JavaScript when the URL's hash has changed (for example: page.html#foo to page.html#bar) . Resources: MDN article, Simple demo, MSDN article. | wd | 5.5‒7 | 8‒9 | 2‒3.5 | 3.6‒4 | 3.1‒4 | 5‒6 | 3.2 | 4.1‒4.2 | 4 | 5‒10 | 2.1 | 2.2 | 9.5‒10.5 | 10.6‒11.1 | 10 | 5 | 74 | |||||||||||||||||||
| css3 | @font-face Web fonts Method of displaying fonts downloaded from websites. Partial support in IE 8- refers to only supporting EOT fonts. iOS 4.1- Safari only supports SVG fonts. Resources: News and information site, Font demo, Wikipedia. | wd | 5.5‒8 | 9 | 2‒3 | 3.5‒4 | 3.1 | 3.2‒6 | 3.2‒4.1 | 4.2 | 4‒10 | 2.1‒2.3 | 9.5 | 10.0‒11.1 | 10 | 5 | 73 | |||||||||||||||||||||
| other | Data URLs Method of embedding images and other files in webpages as a string of text. Support in Internet Explorer 8 is limited to images and linked resources like CSS files, not HTML files. Max URI length is 32KB. In IE9 JavaScript files are supported too and the maximum size limit set to 4GB. Resources: Information on usage, Image encoder, Wikipedia. | other | 5.5‒7 | 8‒9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 68 | |||||||||||||||||||||||||
| other | WAI-ARIA Accessibility features Method of providing ways for people with disabilities to use dynamic web content and web applications. Resources: Information page, Support chart, Tutorial, Wikipedia, ALA Article. | wd | 5.5‒7 | 8‒9 | 2 | 3‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 67 | |||||||||||||||||||||||
| js | Cross-Origin Resource Sharing Method of performing XMLHttpRequests across domains. Supported somewhat in IE8 using the XDomainRequest object. Resources: Mozilla Hacks blog post, Alternative implementation by IE8, Demo and script with cross-browser support. | wd | 5.5‒7 | 8‒9 | 2‒3 | 3.5‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 62 | ||||||||||||||||||||||
| canvas | Canvas (basic support) Method of generating fast, dynamic graphics using JavaScript. Opera Mini supports the canvas element, but is unable to play animations or run other more complex applications. Resources: Tutorial by Mozilla, Showcase site, Animation kit , Another tutorial, Implementation for Internet Explorer. | wd | 5.5 | 6‒8 | 9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 60 | ||||||||||||||||||||||||
| dom | getElementsByClassName Method of accessing DOM elements by class name. Resources: Test page. | wd | 5.5 | 6‒8 | 9 | 2 | 3‒4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 60 | ||||||||||||||||||||||
| svg | SVG (basic support) Method of displaying basic Vector Graphics features using the embed or object elements. Resources: Wikipedia, Sample files, SVG showcase site. | rec | 5.5 | 6‒8 | 9 | 2 | 3‒4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 59 | ||||||||||||||||||||||
| css3 | CSS3 selectors Advanced element selection. Resources: Detailed support information, W3C Test suite, Automated CSS3 selector test. | pr | 5.5 | 6‒8 | 9 | 2‒3 | 3.5‒4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 58 | ||||||||||||||||||||||
| html5 | Offline web applications Method of selecting web page files to be cached, thus allowing them to work offline on subsequent visits to the page. Resources: Sitepoint tutorial, Offline app demo. | wd | 5.5 | 6‒8 | 9 | 2 | 3 | 3.5‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5 | 10.0‒10.5 | 10.6‒11.1 | 10 | 5 | 58 | |||||||||||||||||||
| canvas | Text API for Canvas Method of displaying text on Canvas elements. Resources: Examples by Mozilla, Example chart, Support library.Parent feature: Canvas (basic support). | wd | 5.5 | 6‒8 | 9 | 2‒3 | 3.5‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 57 | |||||||||||||||||||||
| css3 | CSS3 Transforms Method of transforming an element including rotating, scaling, etc. Current implementations may change significantly from final specification, since W3C adoption is quite recent. The scale transform can be emulated in IE < 9 using Microsoft's "zoom" extension, others are (not easily) possible using the MS Matrix filter. Resources: Live editor, MDN article, Workaround script for IE. | wd | 5.5 | 6‒8 | 9 | 2‒3 | 3.5‒4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 57 | |||||||||||||||||||||
| js | Geolocation Method of informing a website of the user's geographical location. | wd | 5.5 | 6‒8 | 9 | 2‒3 | 3.5‒4 | 3.1‒4 | 5‒6 | 3.2‒4.2 | 4 | 5‒10 | 2.1‒2.3 | 9.5 | 10.0‒10.5 | 10.6‒11.1 | 10 | 5 | 56 | |||||||||||||||||||
| other | XHTML served as application/xhtml+xml A strict form of HTML, and allows embedding of other XML languages. The XHTML syntax is very close to HTML, and thus is almost always served as text/html on the web. Resources: Wikipedia, Examples compared to text/html pages. | rec | 5.5‒8 | 9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 56 | |||||||||||||||||||||||||
| css3 | CSS3 Colors Method of describing colors using HSL, as well as allowing alpha-transparency. Resources: Dev.Opera article, Guide to RGB & RGBA, Guide to HSL & HSLA. | pr | 5.5‒8 | 9 | 2 | 3‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5 | 10.0‒11.1 | 10 | 5 | 56 | |||||||||||||||||||||||
| css3 | CSS3 Border-radius (rounded corners) Method of making the border corners round. Resources: Border-radius CSS Generator, Detailed compliance table. | cr | 5.5‒8 | 9 | 2 | 3‒3.6 | 4 | 3.1‒4 | 5‒6 | 3.2‒4.2 | 4 | 5‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 55 | ||||||||||||||||||||
| css3 | CSS3 Media Queries Method of applying styles based on media information. Includes things like page and device dimensions. Incomplete support by older webkit browsers refers to only acknowledging different media rules on page reload. Resources: IE demo page with information, Demo page for page width. | cr | 5.5‒8 | 9 | 2‒3 | 3.5‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 54 | |||||||||||||||||||||||
| css3 | CSS3 Text-shadow Method of applying one or more shadow or blur effects to text. Opera Mini ignores the blur-radius set, so no blur effect is visible. Resources: Mozilla hacks article, Live editor. | wd | 5.5‒8 | 9 | 2‒3 | 3.5‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 53 | |||||||||||||||||||||||
| css3 | CSS3 Box-shadow Method of displaying an inner or outer shadow effect to elements. Resources: MDN article, Live editor, Demo of various effects. | wd | 5.5‒8 | 9 | 2‒3 | 3.5‒3.6 | 4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 53 | ||||||||||||||||||||||
| html5 | Audio element Method of playing sound on webpages (without requiring a plug-in). Partial support in Opera refers to support for the HTML5 audio object, not the element. Resources: HTML5 Doctor article, Detailed article on video/audio elements, Demos of audio player that uses <audio>, Detailed article on support. | wd | 5.5‒8 | 9 | 2‒3 | 3.5‒4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 53 | ||||||||||||||||||||||
| css3 | CSS3 Border images | cr | 5.5‒8 | 9 | 2‒3 | 3.5‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 53 | |||||||||||||||||||||||
| js | Web Workers Method of running scripts in the background, isolated from the web page. Resources: MDN article, Web Worker demo. | wd | 5.5 | 6‒8 | 9 | 2‒3 | 3.5‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5 | 10.0‒10.5 | 10.6‒11.1 | 10 | 5 | 53 | ||||||||||||||||||||
| html5 | Video element Method of playing videos on webpages (without requiring a plug-in). Different browsers have support for different video formats, see sub-features for details.
| wd | 5.5‒8 | 9 | 2‒3 | 3.5‒4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 52 | ||||||||||||||||||||||
| css3 | CSS3 Multiple column layout Method of flowing information in multiple columns. Support in Opera was announced, but is not guaranteed for 11.1. Resources: Demo page, Introduction page. | cr | 5.5‒8 | 9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 51 | ||||||||||||||||||||||||
| css3 | Flexible Box Layout Module Method of positioning elements in horizontal or vertical stacks. While only recently a W3C specification, this system has been in use for some time by Mozilla and Apple for interface purposes. Undocumented support was added in IE9 Platform Preview 4, but was removed in IE9b and may not be included in final version. Resources: Introduction with demos, Another article, Demo working in IE9. | wd | 5.5‒8 | 9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 51 | ||||||||||||||||||||||||
| css3 | CSS3 Multiple backgrounds Method of using multiple images as a background. Resources: Example page. | cr | 5.5‒8 | 9 | 2‒3.5 | 3.6‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 51 | |||||||||||||||||||||||
| css3 | CSS Gradients Method of setting a color gradient as a CSS image. Originally proposed by Webkit, however the current W3C draft (used by Firefox) differs significantly from the original webkit spec/implementation.'. Resources: Webkit blog post, Live editor. | unoff | 5.5‒8 | 9 | 2‒3.5 | 3.6‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 46 | ||||||||||||||||||||||
| svg | SVG filters Method of using photoshop-like effects on SVG objects. Resources: Advanced filter effects, W3C example, Webkit bug report. | rec | 5.5 | 6‒8 | 9 | 2 | 3‒4 | 3.1‒5 | 6 | 3.2‒4.2 | 4 | 5‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 45 | |||||||||||||||||||||
| other | Embedded OpenType font format Type of font that can be derived from a regular font, allowing small files and legal use of high-quality fonts. Usage is restricted by the file being tied to the website. Proposal by Microsoft, being considered for W3C standardization. Resources: Information page, Example pages.Parent feature: @font-face Web fonts. | unoff | 5.5 | 6‒9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 43 | ||||||||||||||||||||||||
| other | Ogg/Theora video format | other | 5.5‒8 | 9 | 2‒3 | 3.5‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 43 | |||||||||||||||||||||||
| html5 | New semantic elements HTML5 offers some new elements, primarily for semantic purposes. The elements include: section, article, aside, hgroup, header, footer, nav, figure, figcaption. Partial support refers to missing the default styling. This is easily taken care of by using display:block for all these elements. Resources: Workaround for IE, Alternate workaround, Examples of usage. | wd | 5.5 | 6‒8 | 9 | 2 | 3‒3.6 | 4 | 3.1‒4 | 5‒6 | 3.2 | 4.1‒4.2 | 4‒5 | 6‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 42 | |||||||||||||||||||
| svg | SVG effects for HTML Method of using SVG transforms, filters, etc on HTML elements using either CSS (unofficial) or the foreignObject element. Partial support refers to lack of filter support or buggy result from effects. CSS method is a proposal by Mozilla, being considered for W3C standardization (stats, however, are considered based on the foreignObject support). Resources: Blog post with foreignObject demos, MDN Reference page, SVG CSS Effects draft. | wd | 5.5‒8 | 9 | 2 | 3 | 3.5‒4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 41 | ||||||||||||||||||||||
| html5 | classList (DOMTokenList ) Method of easily manipulating classes on elements, using the DOMTokenList object. Resources: Mozilla Hacks article, Polyfill script. | wd | 5.5‒8 | 9 | 2‒3.5 | 3.6‒4 | 3.1‒5 | 6 | 3.2‒4.2 | 4‒7 | 8‒10 | 2.1‒2.3 | 9.5‒10.6 | 11 | 11.1 | 10 | 5 | 41 | ||||||||||||||||||||
| css3 | CSS3 Text-overflow Append ellipsis (or a custom string) when text overflows its containing element. Custom strings are not yet supported, only | wd | 5.5 | 6‒9 | 2‒3.6 | 4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.6 | 11‒11.1 | 10 | 5 | 37 | |||||||||||||||||||||||
| other | WOFF - Web Open Font Format Compressed TrueType/OpenType font that contains information about the font's source. Resources: Mozilla hacks blog post, W3C Submission request.Parent feature: @font-face Web fonts. | wd | 5.5‒8 | 9 | 2‒3.5 | 3.6‒4 | 3.1‒5 | 6 | 3.2‒4.2 | 4 | 5‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 37 | |||||||||||||||||||||
| html5 | Ruby annotation Method of adding pronunciation or other annotations using ruby elements (primarily used in East Asian typography). Browsers without native support can still simulate support using CSS. Partial support refers to only supporting basic ruby, may still be missing writing-mode, Complex ruby and CSS3 Ruby. Resources: HTML5 Doctor article, Add-on for support in Firefox. | wd | 5.5‒9 | 2‒3.6 | 4 | 3.1‒4 | 5‒6 | 3.2‒4.2 | 4 | 5‒10 | 2.1‒2.3 | 9.5 | 10.0‒10.6 | 11 | 11.1 | 10 | 5 | 37 | ||||||||||||||||||||
| js | File API Method of manipulating file objects in web applications client-side, as well as programmatically selecting them and accessing their data. Resources: MDN article. | wd | 5.5‒8 | 9 | 2‒3.5 | 3.6‒4 | 3.1‒5 | 6 | 3.2‒4.2 | 4‒5 | 6‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 36 | |||||||||||||||||||||
| other | MathML An XML language that allows mathematical formulas and notations to be written on web pages. Opera's support is limited to a CSS profile of MathML. Resources: Wikipedia, MathML basics (Mozilla), MathML Opera Torture Tests, Info on Opera's MathML support. | rec | 5.5 | 6‒8 | 9 | 2‒4 | 3.1‒5 | 6 | 3.2‒4.2 | 4‒8 | 9‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 36 | ||||||||||||||||||||||
| css3 | CSS3 Background-image options New properties to affect background images, including background-clip, background-origin and background-size. Opera 9.5 and 10.1 support background-size, but no other features. Resources: Detailed compatibility tables and demos. | wd | 5.5‒8 | 9 | 2‒3.5 | 3.6 | 4 | 3.1 | 3.2‒4 | 5‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5 | 10.0 | 10.5‒11.1 | 10 | 5 | 36 | |||||||||||||||||||
| png | Animated PNG (APNG) Like animated GIFs, but allowing 24-bit colors and alpha transparency. Where support for APNG is missing, only the first frame is displayed. Resources: Wikipedia, Several example files, An APNG editor. | unoff | 5.5‒9 | 2 | 3‒4 | 3.1‒5 | 6 | 3.2‒4.2 | 4‒8 | 9‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 33 | |||||||||||||||||||||||
| svg | SVG SMIL animation Method of using animation elements to animate SVG images. Resources: Example files. | rec | 5.5 | 6‒8 | 9 | 2‒3.6 | 4 | 3.1‒3.2 | 4 | 5‒6 | 3.2‒4.2 | 4 | 5‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 29 | ||||||||||||||||||||
| svg | SVG fonts Method of using fonts defined as SVG shapes. Resources: Information page, Blog post on usage for iPad.Parent feature: @font-face Web fonts. | rec | 5.5 | 6‒8 | 9 | 2‒4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 28 | |||||||||||||||||||||||
| other | XHTML+SMIL animation Method of using SMIL animation in web pages. Internet Explorer supports the W3C proposal HTML+TIME, which is largely the same as XHTML+SMIL. Resources: Wikipedia, JS library to support XHTML+SMIL.Parent feature: XHTML served as application/xhtml+xml. | unoff | 5.5 | 6‒8 | 9 | 2‒4 | 3.1‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 27 | ||||||||||||||||||||||||
| html5 | HTML5 form features Expanded form options, including things like date pickers, sliders, validation, placeholders and multiple file uploads. Previously known as "Web forms 2.0". Older Opera implementations are based on the original WHATWG specification. Chrome 8 still lacks support for autocomplete, datalists and color pickers. Opera 11 has almost complete support, but does not support placeholder on textarea fields. Resources: HTML5 inputs and attribute support page, Cross-browser JS implementation (based on original spec). | wd | 5.5 | 6‒8 | 9 | 2‒3.6 | 4 | 3.1‒3.2 | 4‒6 | 3.2 | 4.1‒4.2 | 4‒6 | 7‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 26 | ||||||||||||||||||||
| js | Web SQL Database Method of storing data client-side, allows Sqlite database queries for access and manipulation. The Web SQL Database specification is no longer being maintained and support may be dropped in future versions. Resources: HTML5 Doctor article. | unoff | 5.5‒8 | 9 | 2‒4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 25 | |||||||||||||||||||||||
| css3 | CSS3 Transitions Simple method of animating certain properties of an element. Was experimented with for IE9, but not likely to be added. Resources: Article on usage, Webkit blog post, Examples on timing functions. | wd | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.1 | 10.5‒11.1 | 10 | 5 | 25 | ||||||||||||||||||||||
| svg | SVG in CSS backgrounds Method of using SVG images as CSS backgrounds. Incomplete support by webkit refers to limitations on the conditions (see test page for examples). Resources: Test page. | cr | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1 | 3.2‒4 | 5‒6 | 3.2‒4.2 | 4 | 5‒10 | 2.1‒2.3 | 9.5‒11.1 | 10 | 5 | 23 | |||||||||||||||||||||
| css | CSS Canvas Drawings Method of using HTML5 Canvas as a background image. Proposal by Webkit, being considered for W3C standardization. Same effect can be achieved in Firefox 4+ using the -moz-element() background property. Resources: Webkit blog post. | unoff | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 21 | ||||||||||||||||||||||
| css | CSS Reflections Method of displaying a reflection of an element. Proposal by Webkit, being considered for W3C standardization. Same effect can be achieved in Firefox 4+ using the -moz-element() background property. Resources: Webkit blog post. | unoff | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 21 | ||||||||||||||||||||||
| css | CSS Masks Method of displaying part of an element, using a selected image as a mask. Proposal by Webkit, being considered for W3C standardization. Resources: Webkit blog post. | unoff | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 21 | ||||||||||||||||||||||
| css3 | CSS3 Animation Complex method of animating certain properties of an element. Current implementations may change significantly from final specification, since W3C adoption is quite recent. Resources: Blog post on usage, Webkit blog post. | wd | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒3.2 | 4‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 21 | ||||||||||||||||||||||
| other | MPEG-4/H.264 video format Video compression format (not royalty-free). The Android browser currently requires specific handling to play videos. Resources: Wikipedia article, Firefox extension allowing support in Win7.Parent feature: Video element. | other | 5.5‒8 | 9 | 2‒4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 21 | |||||||||||||||||||||||
| svg | Inline SVG in HTML5 Method of using SVG tags directly in HTML documents. Requires HTML5 parser. Resources: Mozilla Hacks blog post, Demo of multi-browser support using the SVGWeb library, Test suite. | wd | 5.5 | 6‒8 | 9 | 2‒3.6 | 4 | 3.1‒4 | 5 | 6 | 3.2‒4.2 | 4‒6 | 7‒10 | 2.1‒2.3 | 9.5‒10.5 | 10.6‒11 | 11.1 | 10 | 5 | 19 | ||||||||||||||||||
| html5 | Session history management Method of manipulating the user's browser's session history in JavaScript using history.pushState, history.replaceState and the popstate event. Resources: Introduction to history management, MDN article, Demo page. | wd | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒4 | 5‒6 | 3.2 | 4.1‒4.2 | 4 | 5‒10 | 2.1 | 2.2 | 9.5‒11 | 11.1 | 10 | 5 | 19 | |||||||||||||||||||
| js | Server-sent DOM events Method of continuously sending data from a server to the browser, rather than repeatedly requesting it (EventSource interface, used to fall under HTML5). Older Opera implementation is based on the original WHATWG specification, using the | wd | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒4 | 5‒6 | 3.2‒4.2 | 4‒5 | 6‒10 | 2.1‒2.3 | 9.5‒10.6 | 11‒11.1 | 10 | 5 | 18 | |||||||||||||||||||||
| js | Web Sockets Bidirectional communication technology for web apps. Firefox 4 and Opera 11 will have their support disabled by default, due to an unresolved protocol-level security issue. This may occur in other browsers as well. Resources: WebSockets information, Chromium blog post, Wikipedia. | wd | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒4 | 5‒6 | 3.2‒4.1 | 4.2 | 4‒10 | 2.1‒2.3 | 9.5‒10.6 | 11‒11.1 | 10 | 5 | 18 | |||||||||||||||||||||
| other | WebM/VP8 video format Multimedia format designed to provide a royalty-free, high-quality open video compression format for use with HTML5 video. Resources: Officical website, Info on supporting WebM in Safari, Codecs for IE9 support.Parent feature: Video element. | other | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1 | 3.2‒6 | 3.2‒4.2 | 4‒5 | 6‒10 | 2.1‒2.3 | 9.5‒10.5 | 10.6‒11.1 | 10 | 5 | 15 | |||||||||||||||||||||
| css3 | CSS3 3D Transforms Method of transforming an element in the third dimension. Current implementations may change significantly from final specification, since W3C adoption is quite recent. Resources: Webkit blog post, Demo page, Cubic panorama demo (Mobile Safari only). | wd | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒4 | 5‒6 | 3.2‒4.2 | 4‒7 | 8‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 8 | |||||||||||||||||||||
| html5 | Form validation Method of setting required fields and field types without requiring JavaScript. Partial support in Safari refers to lack of notice when form with required fields is attempted to be submitted. Parent feature: HTML5 form features. | wd | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒4 | 5‒6 | 3.2‒4.2 | 4‒7 | 8‒10 | 2.1‒2.3 | 9.5 | 10.0‒11.1 | 10 | 5 | 6 | |||||||||||||||||||||
| canvas | WebGL - 3D Canvas graphics Method of generating dynamic 3D graphics using JavaScript, accelerated through hardware. WebGL is a new standard that is still being developed. Partial support refers to being disabled by default. It can be easily enabled in Chrome 8 from the "about:flags" page. Note also that it is part of the Khronos Group, not the W3C. Resources: Instructions on enabling WebGL, Tutorial, Firefox blog post, Webkit blog post, Opera blog post (not WebGL).Parent feature: Canvas (basic support). | other | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒5 | 6 | 3.2‒4.2 | 4‒7 | 8 | 9‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 5 | ||||||||||||||||||||
| css3 | calc() as CSS unit value Method of allowing calculated values for length units, i.e. width: calc(100%-3em). Current Firefox implementation is not complete and will use the -moz- prefix while the specification is still in Working Draft status. Resources: Mozilla bug report. | wd | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒5 | 6 | 3.2‒4.2 | 4‒7 | 8‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 0 | |||||||||||||||||||||
| js | IndexedDB Method of storing data client-side, allows indexed database queries. Previously known as WebSimpleDB API. Resources: Mozilla Hacks article. | wd | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒5 | 6 | 3.2‒4.2 | 4‒8 | 9‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 0 | |||||||||||||||||||||
| Device element Method of accessing external device data (such as a webcam video steam). | unoff | 5.5‒8 | 9 | 2‒3.6 | 4 | 3.1‒5 | 6 | 3.2‒4.2 | 4‒8 | 9‒10 | 2.1‒2.3 | 9.5‒11 | 11.1 | 10 | 5 | 0 | ||||||||||||||||||||||
| supported | partial | external (js/plugin) | missing | unknown | prefixed |
Usage percentage: 0 - .01 - 1-9 - 10 - 20 - majority