"Le Curieux Guide des Navigateurs et du Web" pour que les développeurs puissent l'adapter à leurs besoins
Google poursuit le développement de son livre de vulgarisation interactive du Web écrit en HTML5 : « 20 trucs que j'ai appris sur les navigateurs et le Web », lancé l'année passée.
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.


Et vous ?

Vous avez lu gratuitement 35 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.