A periodic table of tags including 104 elements in HTML5 working draft and 2 proposed elements which are highlighted with an asterisk. Very useful.

(Source: blogs.sitepoint.com)

Here are some fun and interesting interactive video-type games, which were made with HTML5. Check them out and see what capabilities HTML5 have, and have some fun playing the games as well.

HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site.

After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

Boilerplate is not a framework, nor does it prescribe any philosophy of development, it’s just got some tricks to get your project off the ground quickly and right-footed.

A complete guideline on offline capabilities in HTML5. A must-read!

An interactive film by Chris Milk
Featuring “We Used To Wait”
Built in HTML5

HTML5 validates forms without additional JavaScript.
Currently only Safari & Google Chrome supports this functionality.
This plugin gets the same result in Internet Explorer, Opera & Firefox.

Sencha Touch allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen device.

Sencha Touch is the world’s first app framework built specifically to leverage HTML5, CSS3, and Javascript for the highest level of power, flexibility, and optimization. We make specific use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. We have made extensive use of CSS3 in our stylesheets to provide the most robust styling layer possible.

Altogether, the entire library is under 80kb (gzipped and minified), and it’s trivial to make that number even smaller by disabling unused components or styles.

HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on Google Finance. The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis.

You can mouse over the chart for additional data, as well as zoom and pan the charts using the grey bottons. For best results view with FireFox, Chrome, or Safari.

[Via webappers.com]

Marko Randjelovic show us a way to build a website layout without any images.

Here is the part 2 of this tutorial.