As HTML5 and CSS3 support grows, you might need to know which browsers support the various new features.
While there are many tables that give this information in text form (see http://caniuse.com/ for an example), some of you might find that a graphic explains it better.
The screen shot below is from http://html5readiness.com/ — when you go to that website, hover over the radiating points to see which feature is support by the various browsers; the screen shot shows that none of the Internet Explorer (IE) versions support HTML5 Forms:
- Infographic on WTF is HTML5 and why we should all care: http://www.focus.com/images/view/11905/ (unfortunately, this graphic isn’t dated, so the HTML5 readiness percentages for browser support may be out of date)
- HTML5 tutorials: http://www.1stwebdesigner.com/resources/the-ultimate-roundup-of-indispensable-and-helpful-html5-tutorials/
- List of all CSS properties and whether they are supported in CSS1, CSS2 or CSS3: http://css-infos.net/
- HTML5 test: http://html5test.com/ (please wait a minute when you get to this page while the browser you used to access the site is analyzed — when the analysis is finished, you’ll get your score and a breakdown of what HTML 5 features are and aren’t supported by the version of your browser)
- W3C’s HTML5 specification: http://www.w3.org/TR/html5/
- Gallery of sites using HTML5: http://html5gallery.com/
- Help for HTML5: http://html5doctor.com/
- Apple iPad-ready HTML5 sites: http://www.apple.com/ipad/ready-for-ipad/
- Net Kit’s June 2010 best resources for CSS3: http://www.net-kit.com/junes-best-resources-for-css3/
- HTML5 periodic table: http://joshduck.com/periodic-table.html
- HTML5 features, tips and tricks: http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/
[Links last checked June 2010]