Selection of HTML5 resources

Today we've decided to put together a broad swath of sites that will show you some great ways to utilize HTML5 (and even a little CSS3). There are many helpful reference tools here to strengthen your grasp on the new terms, tags, and elements. We've also included a selection of eyebrow-raising links that will show you a bit of what HTML5 is capable of. Finally there are some great galleries created by other designers to serve as inspiration for your own designs.

HTML5 references

Wikipedia's comparison of layout engines - a great resource for comparing support, by layout engine, of HTML5 semantics versus HTML4
When can I use - a web-app that shows you when different aspects of HTML5, CSS3, SVG, and more will be supported by different browser versions
HTML5 Demos - a fun list of HTML5 tricks along with demonstrations and browser-support information
Veign's HTML5 cheat sheet - a quick-reference PDF that gives quick information about HTML5 tags
Smashing Magazine's article "Designing a HTML5 Layout from Scratch" - a great article that walks you through the steps of creating your own HTML5 layout
Smashing Magazine's article "HTML5 and the Future of the Web" - an easy to read presentation of what HTML5 has to offer (with lots of helpful illustrations)
Tag reference from w3schools.com - a thorough HTML5 tag reference
HTML5 reference by HTML-5.com - a large selection of detailed and helpful HTML5 information

Just for show

9elements - an awesome example of canvas in the form of music and interactive, blinky circles
CSS3 ATAT - the one and only non-Flash animated ATAT
Dynamic Shadow - another great example of CSS3 using an interactive lightbulb and a shadowbox
Sketchpad - a web-based paint application and fantastic example of the power of HTML5's canvas
HTML5: seriously, it's not just for video - a compilation of great examples of what HTML5 is capable of

HTML5 galleries for inspiration

We hope you find these helpful! Let us know if you have any similar links that aren't listed.

Related Resources from LightCMS

Posted on Thu, May 27, 2010 by Vince Conn filed under

resources,

3 comments (Add your own)

1. Jake Whiton wrote:: Here are some other cool HTML5 things that I just saw today, http://www.engadget.com/2010/05/28/html5-seriously-its-not-just-for-video/
Fri, May 28, 2010 @ 2:27 PM
2. Vince Conn wrote:: Thanks for the link, Jake! You're absolutely right. There are some great links in that article. I'll stick it up in the post.
Wed, June 2, 2010 @ 11:02 AM
3. David ferrandino wrote:: This is a big subject today on web
Thu, September 23, 2010 @ 6:56 PM

Add a New Comment

Your Name:

Your Email/URL (Optional):

Your Comment:

Enter the code you see below:
code

Comment Guidelines: No HTML is allowed. Off-topic or inappropriate comments will be edited or deleted. Thanks.

Blog