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

HTML5 Elements

HTML 5 Cheat Sheet

HTML5 Cheat Sheet

Fluid Baseline Grid

Fluid Baseline Grid

HTML5 Boilerplate

HTML5 Boilerplate

Ultimate HTML5 Cheat Sheet

HTML5 Cheatsheet

Modernizr

Modernizr

HTML5 Doctor

HTML5 Doctor

Dive Into HTML5

Dive Into HTML5

HTML5 Readiness

HTML5 Readiness

HTML5 Gallery

HTML5 Gallery

HTML5 Rocks

HTML5 Rocks

CSS3 Playground by Mike Plate

CSS3 Playground

Impressive Webs CSS3 Articles

Impressive Webs

Can I Use CSS Transitions

When can I use CSS3 Transitions

CSS3 Please- The Cross-Browser CSS3 Rule Generator

CSS3 Please

Zurb Playground

Zurb

IE7 No More

IE7 No More

28 HTML5 Features, Tips, and Techniques you Must Know

28 HTML5 Features Tips and Techniques You Must Know

40+ Useful HTML5 Examples and Tutorials

HTML5 Examples

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

Topics:

2 replies on “HTML5 & CSS3 Resources to Kickstart your First HTML5 Project”

Comments are closed.