One ex-ample: HTML5 canvas: "20 Things I Learned about Browsers and the Web" is an illustrated book and a google apps

Voici un "ex-ample", c-a-d un exemple qui montre le changement de génération.

Le nombre de projets HTML5 significatifs sur le web augmente à un rythme soutenu qu’il devient difficile d’en sélectionner mais celui vaut vraiment le coût et le coup!

Ce livre-application est disponible dans 16 langues dont le français ce qui montre déjà le soucis de localisation et la qualité du projet!

In 2010, F-i.com and the Google Chrome team collaborated on an HTML5-based educational web app called 20 Things I Learned about Browsers and the Web.

It is not only an illustrated book but a true "ex-ample" (case study) showing the power of HTML5 (and chrome).

This charming guidebook is a handy read about how the evolution of browsers and the web is changing the way we work  online. 

-------

Rem:

La taille prise en mémoire de cette "google apps" est ~61Mo.

This "chrome app" uses ~61Mo.

• This book takes advantage of the Application Cache API so that is can be read offline after a user’s first visit.
• With the Local Storage API, readers can resume reading where they left off.

--------try
Try, Essayez :  "20 things I learned about the browsers and the web".



but before Download the Apps on the chrome store:
Mais auparavant télécharger la chome App:
https://chrome.google.com/webstore/detail/dfdlnlenokgjjchimonbekcmnofmlibg#
---------code
see the source: http://googlecode.blogspot.com/2011/06/now-open-source-20-things-i-learned.html
The official Google Code blog: Now open source: 20 Things I Learned about Browser...: 


--------see also the page of an author:
 http://hakim.se/thoughts
see the tutorial: http://www.html5rocks.com/tutorials/casestudies/20things_pageflip.html
http://www.html5rocks.com/tutorials/casestudies/20things_pageflip/example/

------------------------------------------------------
CANVAS:

History
Canvas was initially introduced by Apple for use inside their own Mac OS X WebKit component, powering applications like Dashboard widgets and the Safari browser. Later, it was adopted by Gecko browsers and Opera and standardized by the WHATWG on new proposed specifications for next generation web technologies.

Usage
Canvas consists of a drawable region defined in HTML code with height and width attributes. JavaScript code may access the area through a full set of drawing functions similar to other common 2D APIs, thus allowing for dynamically generated graphics. Some anticipated uses of canvas include building graphs, animations, games, and image composition.

Reactions
At the time of its introduction the canvas element was met with mixed reactions from the web standards community. There have been arguments against Apple's decision to create a new proprietary element instead of supporting the SVG standard. There are other concerns about syntax e.g. the absence of a namespace.

Support
The element is currently supported by the latest versions of Mozilla Firefox, Google Chrome, Safari, and Opera. It is not natively implemented by Internet Explorer (IE) as of version 8, though support is in development for Internet Explorer 9; however, many of the Canvas element's features can be supported in IE, for example by using Google or Mozilla plugins, JavaScript libraries and either Adobe Flash or IE's proprietary VML.