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

“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.”

“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

Relax and unwind with 1899 Steam & Spirit with all of its 8-bit HTML goodness.

14.06.11 | 2 notes | html5 javascript games

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 <canvas> 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

You can create your own RPG game using HTML5 and the RPG JavaScript framework. Built on the excellent easel.js library, it allows you to create actions, interaction events, autotiles, import RMXP and more.

You can create your own RPG game using HTML5 and the RPG JavaScript framework. Built on the excellent easel.js library, it allows you to create actions, interaction events, autotiles, import RMXP and more.

26.05.11 | 20 notes | html5 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

Popcorn.js 0.2 Released

10.03.11 | javascript

Popcorn.js is an HTML5 Video Framework that takes advantage of the <video> tag to allow you to easily interact with the HTML5VideoElement properties, events and methods. 

What is interesting is that they have also released Butter 0.1, an authoring tool for Popcorn.

(Source: weblog.bocoup.com)

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

The-M-Project is an HTML5 JavaScript framework for writing cross-platform mobile apps. Currently in alpha, The-M-Project contains user interface and core files, a build tool called Espresso and a set of sample apps. It includes documentation and is hosted in a Git repository.

The-M-Project is an HTML5 JavaScript framework for writing cross-platform mobile apps. Currently in alpha, The-M-Project contains user interface and core files, a build tool called Espresso and a set of sample apps. It includes documentation and is hosted in a Git repository.

08.02.11 | 4 notes | html5 javascript mobile

EaselJS is described as: &#8220;The new Canvas element in HTML5 is powerful, but it can be difficult to work with. It has no internal concept of discrete display elements, so you are required to manage updates manually. The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier.&#8221;

EaselJS is described as: “The new Canvas element in HTML5 is powerful, but it can be difficult to work with. It has no internal concept of discrete display elements, so you are required to manage updates manually. The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier.”

12.01.11 | html5 javascript tools canvas