HTML5 Shelf

HTML5 Shelf

Why scour the web for the latest and cool information on HTML5 and related technologies? Let HTML5 Shelf curate the good stuff for you.


You can scroll the shelf using left and right keys

The Lotus Poetry is a HTML5 game that eschews the traditional shoot-em-up or siege-style games for a charming and spiritual approach.

The Lotus Poetry is a HTML5 game that eschews the traditional shoot-em-up or siege-style games for a charming and spiritual approach.

01.11.11 | 3 notes | html5 games showcase canvas

The Evolution of the Web is a data visualization built with HTML5 to show the interaction between web technologies and browsers on a timescale.

The Evolution of the Web is a data visualization built with HTML5 to show the interaction between web technologies and browsers on a timescale.

05.09.11 | 10 notes | showcase html5 tools

JS-Wars is a fun space-shooter horizontal challenge using HTML5 <canvas>, <video>, and <audio>.

JS-Wars is a fun space-shooter horizontal challenge using HTML5 <canvas>, <video>, and <audio>.

14.07.11 | 1 note | html5 games showcase canvas video audio

Battle for Beauty takes HTML5 and incorporates fun and the real world with it.

30.06.11 | 1 note | html5 showcase

White Rabbit is a fun HTML5 &lt;canvas&gt; based game. 

White Rabbit is a fun HTML5 <canvas> based game. 

29.06.11 | 5 notes | canvas showcase game

Music Can Be Fun is the winning entry into to the Dev Unplugged contest held by Microsoft which uses HTML5&#8217;s &lt;canvas&gt;, SVG, &amp; WOFF web fonts.

Music Can Be Fun is the winning entry into to the Dev Unplugged contest held by Microsoft which uses HTML5’s <canvas>, SVG, & WOFF web fonts.

26.06.11 | 7 notes | canvas svg woff web fonts html5 showcase

Disney’s new Tron:Legacy site takes advantage of HTML5 to create a unique comic-like experience.

Disney’s new Tron:Legacy site takes advantage of HTML5 to create a unique comic-like experience.

04.06.11 | 2 notes | showcase html5

World&#8217;s Biggest Pac-Man is a showcase of HTML5 and our favorite arcade icon where you can add your own custom-designed board or play as many boards as you can physically stay awake for. The site uses &lt;canvas&gt;, &lt;audio&gt;, WOFF Fonts and a wide variety of HTML5 goodness.

World’s Biggest Pac-Man is a showcase of HTML5 and our favorite arcade icon where you can add your own custom-designed board or play as many boards as you can physically stay awake for. The site uses <canvas>, <audio>, WOFF Fonts and a wide variety of HTML5 goodness.

12.05.11 | html5 showcase

Canvas Rider is a JavaScript and HTML5-based game that uses the &lt;canvas&gt; element. Choose from a variety of drawn tracks while pedaling your way through dinosaurs and city tops.

Canvas Rider is a JavaScript and HTML5-based game that uses the <canvas> element. Choose from a variety of drawn tracks while pedaling your way through dinosaurs and city tops.

01.04.11 | 10 notes | html5 javascript canvas showcase

See a Spiderman cartoon built with jQuery and HTML5. Also be sure to check out the tutorial.

See a Spiderman cartoon built with jQuery and HTML5. Also be sure to check out the tutorial.

08.03.11 | css3 showcase

As explained on Beauty of the Web: The Killers&#8217; website chronicles the band&#8217;s career and offers users a seamless browsing experience of the bands music and video content. The website takes advantage of HTML5, Canvas &amp; SVG across the site&#8217;s panoramic landscape &amp; internal sections, leveling the playing field in displaying content to users across multiple platforms &amp; devices.

As explained on Beauty of the Web:

The Killers’ website chronicles the band’s career and offers users a seamless browsing experience of the bands music and video content. The website takes advantage of HTML5, Canvas & SVG across the site’s panoramic landscape & internal sections, leveling the playing field in displaying content to users across multiple platforms & devices.

24.02.11 | canvas html5 svg showcase

Hakim has been trying out experiments with HTML5. Hakim stays out of the flamebait of Flash vs. HTML5: Please don&#8217;t use this as HTML5 vs Flash firewood. I do it because it&#8217;s fun. Not because it&#8217;s HTML5.

Hakim has been trying out experiments with HTML5. Hakim stays out of the flamebait of Flash vs. HTML5:

Please don’t use this as HTML5 vs Flash firewood. I do it because it’s fun. Not because it’s HTML5.

31.01.11 | html5 showcase

A web standards holiday card from Typekit

09.01.11 | css3 showcase font-face

Using CSS3 type and transforms to build a fun holiday card.

Agent 8 Ball is a billiards game which you must complete the game before the big &#8220;boom&#8221;! 

Agent 8 Ball is a billiards game which you must complete the game before the big “boom”! 

08.01.11 | html5 showcase game

The Wilderness Downtown is a website by Google that is an interactive film by the band Arcade Fire. It not only uses HTML5, but puts your own home town into the film. 

The Wilderness Downtown is a website by Google that is an interactive film by the band Arcade Fire. It not only uses HTML5, but puts your own home town into the film. 

04.01.11 | html5 showcase