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

It was only a matter of time. Hobo with a Shotgun and HTML5 <canvas>.

It was only a matter of time. Hobo with a Shotgun and HTML5 <canvas>.

18.07.11 | 8 notes | html5 canvas games

JS-Wars is a fun space-shooter horizontal challenge using HTML5 &lt;canvas&gt;, &lt;video&gt;, and &lt;audio&gt;.

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

Take one part Mario Bros. and one part HTML5 Canvas and you get Infinite Mario.

Take one part Mario Bros. and one part HTML5 Canvas and you get Infinite Mario.

03.07.11 | 6 notes | html5 games canvas

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

&#8220;Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.&#8221;

“Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.”

27.06.11 | 3 notes | tools javascript canvas

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

HTML5 Canvas-based Heatmaps

13.06.11 | 1 note | html5 canvas javascript

Heatmap.js is a JavaScript library that can be used to generate web heatmaps with the html5canvas element based on your data.

Peity is a great jQuery plugin from Ben Pickles that converts HTML elements and converts them to &lt;canvas&gt; small-sized data visualized equivalents of a pie, line or bar chart. 

Peity is a great jQuery plugin from Ben Pickles that converts HTML elements and converts them to <canvas> small-sized data visualized equivalents of a pie, line or bar chart. 

31.05.11 | 3 notes | javascript tools canvas

Endless Mural is a generative art making tool that uses HTML5&#8217;s &lt;canvas&gt; along with the okapijs library that allows you to create digital generative art and share it with friends.

Endless Mural is a generative art making tool that uses HTML5’s <canvas> along with the okapijs library that allows you to create digital generative art and share it with friends.

29.05.11 | 1 note | html5 canvas javascript

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

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

09.03.11 | html5 canvas

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

Z-Type is a Chrome Experiment created by Dominic Szablewski. It is an HTML5 game that uses canvas, audio and JavaScript. The concept of the game is that as you are being attacked, you type the words associated with the attacker to destroy it. If only typing was taught this way in primary school!

Z-Type is a Chrome Experiment created by Dominic Szablewski. It is an HTML5 game that uses canvas, audio and JavaScript. The concept of the game is that as you are being attacked, you type the words associated with the attacker to destroy it. If only typing was taught this way in primary school!

21.02.11 | 1 note | html5 canvas audio javascript

Paul Truong used a data feed from Boris Bikes API to see how London Cycle Hire stations were being used. Using the Google Maps API, custom overlays were created using HTML5 canvas. This effective visualization made it easy to see how bikes are distributed throughout the day as well as movement (mostly during the weekends).

Paul Truong used a data feed from Boris Bikes API to see how London Cycle Hire stations were being used. Using the Google Maps API, custom overlays were created using HTML5 canvas. This effective visualization made it easy to see how bikes are distributed throughout the day as well as movement (mostly during the weekends).

17.02.11 | html5 canvas