Cette semaine, le géant américain des services en ligne publie le code source de cet outil, qui peut être utilisé librement désormais pour éditer d'autres livres interactifs.
Écrit en pur HTML5, JavaScript et CSS, ce livre reproduit l'apparence et l'interaction des livres papiers classiques, tout en intégrant des options avancées, comme la disponibilité hors connexion, la recherche facilitée ou la possibilité de marquer des pages.
Ce livre utilise l'élément Canvas du HTML5 pour animer les illustrations du livre et pour réaliser la transition entre les pages. L'animation de rotation des pages et les ombres sont dessinées en Canvas et générées en JavaScript.
L'API Application Cache permet l'accessibilité du livre hors connexion après une première consultation.
L'API Local Storage permet quant à elle de reprendre la lecture là ou l'utilisateur l'avait laissée. History API est utilisée pour améliorer la navigation et le référencement en forçant le changement d’URL à la barre d’adresse, sans rechargement complet de la page.
Du côté de CSS, ce « Curieux guide des navigateurs et du Web » utilise des fichiers de polices chargées en CSS, animations, dégradés et ombres pour améliorer l'esthétique de l'application.
Destiné à promouvoir l'utilisation du Web ouvert à travers la démonstration de ses capacités, ce guide a été récompensé durant la 15e cérémonie des Webby Awards (sorte d'Oscars de l'Internet), dans les catégories Éducation, meilleure conception visuelle et meilleures pratiques.
Pour les développeurs Web, il s'agit là d'un cas d'école et d’un bon point de départ pour réaliser des livres interactifs en HTML5.
Le code source du livre interactif est disponible en téléchargement sur Google Code Le Guide est disponible sur celle-ciEt vous ?
Que pensez-vous de ce livre interractif ? 
), qu'est-ce qui empêche des versions non "fliquées" (à supposer qu'il y ait quelque chose à craindre ).
Envoyé par danielhagnoul
