HTML5 & CSS3 Resources to Kickstart your First HTML5 Project

HTML5 and CSS3 have been known to web designers for many years. Unfortunately, due to the lack of browser support, it hasn’t been wildly adopted. With the release of Internet Explorer in 2011 that it started gaining in popularity. Internet Explorer 9 still doesn’t have complete support for both technologies.  The arrival of the upcoming Internet Explorer 10 will support more elements including CSS transitions and transforms. It will also have full support for offline web applications and form validation. Other browsers such as Google Chrome, Mozilla Firefox and Opera have better support.  Currently, at the time of writing, there is no browser that has full support. This is due to the fact that the specification is still a working draft itself.  However, it is estimated that it will not be reaching full specification until 2014. Furthermore, don’t let this deter you from using it. You can start using HTML5 right now so kick it off with some valuable resources.

HTML 5 Periodic Table

HTML 5 Cheat Sheet

Fluid Baseline Grid

HTML5 Boilerplate

Ultimate HTML5 Cheat Sheet

Modernizr

HTML5 Doctor

Dive Into HTML5

HTML5 Readiness

HTML5 Gallery

HTML5 Rocks

CSS3 Playground by Mike Plate

Impressive Webs CSS3 Articles

Can I Use CSS Transitions

CSS3 Please- The Cross-Browser CSS3 Rule Generator

Zurb Playground

IE7 No More

28 HTML5 Features, Tips, and Techniques you Must Know

40+ Useful HTML5 Examples and Tutorials

On another note, I haven’t included the wonderful Smashing Magazine. They have produced a wealth of informative and inspiring articles. This has helped all users get a foothold in the creative environment we call web design. For those of you that haven’t heard of Smashing Magazine then you are really missing out.

Conclusion

Of course, I have merely touched the surface of the wealth of resources available. Feel free to add some of your own.

Sources

W3C Invites Broad Review of HTML5
When can I use – Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers