Sometimes I love coding. Sometimes I don't.
Other times I hate it.
I'm certain that this wheeling and dealing won't stop.
So these days I'm coding a lot for prototyping a new web project. And I'm taking advantage of it to better understand HTML5 & CSS3.
Here's some great tools:
Modernizr
http://www.modernizr.com/
A small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.
Where can I use
http://caniuse.com/
Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
HTML5 & CSS3 Readiness
http://html5readiness.com/
Infographic that shows how HTML5 support has evolved since 2008. Click away to see the spurt of growth in 2010!
HTML5test
http://html5test.com/
Rate your browser HTML5 support!
Excanvas
http://code.google.com/p/explorercanvas/
It healps to use <canvas> element in IE browsers (damn' Microsoft)
Browser trends Statcounter
http://gs.statcounter.com/
Browsers stats are based on aggregate data collected by StatCounter on a sample exceeding 15 billion pageviews per month collected from across the StatCounter network of more than 3 million websites. Stats are updated and made available every 4 hours, however are subject to quality assurance testing and revision for 7 days from publication.
Popcorn.js
https://github.com/annasob/popcorn-js
Popcorn.js is an event system for < video >, with strong syntactic sugar for chaining < video > methods and adding events to the timeline. Popcorn is a JavaScript Function that wraps the native < video > element and returns a high customizable Popcorn object.
Dive into HTML5
http://diveintohtml5.org/
Mike Plgrim great & funny guide
HTML5shim
http://code.google.com/p/html5shim/
Shim for lt IE 9 to recognise and style the HTML5 elements
## 2011 – 09 – 28 UPDATE by Marlene Lane ##
Online IT Degree
http://www.onlineitdegree.net/resources/design-online-tools-and-tutorials-for-html5-and-css3/
Design Online: Tools and Tutorials for HTML5 and CSS3