HTML5 / CSS3 Browser Support

Support Charts

If you need to find which browsers support which HTML5/CSS3/SVG/lastest-and-greatest features, here are a few resources that I find helpful (I’m sure there are other — let me know which sites you use in the comments below).

• When Can I Use is a frequently updated set of tables showing browser support for CSS3, HTML5, SVG and other cutting edge technologies. It’s full of excellent information — for example, I didn’t know that Safari now supports WOFF (Web Open Font Format) fonts now! Nor did I know that there are such things as animated PNGs, and that both Firefox and Opera support them.
• HTML5 Readiness provides a great visual display of HTML5 and CSS3 support. It’s not the most straightforward presentation of information, but it looks cool.
• MobileHTML5.org includes charts on table and mobile support for HTML5 and related technologies.
• For CSS3 support, check out Estelle — the Standardista!  – Weyl’s blog: her CSS3 Selectors & Browser Support list, and her list of browser support for CSS Background properties.
• For CSS support on Mobile Devices, try PPK’s CSS Browser Compatibilty for Mobile table.

Testing

There are several sites that can report your browser’s support for various technologies — just visit the sites below and you’ll see a list of where your browser succeeds … and fails.

• HTML5 Test provides a quick test of your browser’s support for HTML5 elements and related technologies (like Geolocation, Web Workers, and WebGL). The site also shows how support for HTML5 in  other browsers (including tablet, and mobile browsers) compare.
• What’s My IP from FindMeByIP.com also checks your browser’s support for HTML5 as well as various CSS3 properties and selectors.
• Haz.io uses Modernizr to display your browsers support for CSS3, HTML5, and HTML5 input types.
• Detector is another testing site that uses Modernizr to display support for CSS3 and HTML5. It also does a little server processing to provide some additional information.
• For a thorough test of CSS3 Selector support, aim your browser to the CSS3 Selectors Test. All current browsers (including IE 9) pass the 41 tests with flying colors. (Alas, IE8 fails 21 of the tests.)