Les sources du "Curieux Guide des Navigateurs et du Web" disponibles
HTML 5 : Google libère le code de son livre interactif
"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.
http://idelways.developpez.com/news/...ieux-guide.png
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.
:fleche: Le code source du livre interactif est disponible en téléchargement sur Google Code
:fleche: Le Guide est disponible sur celle-ci
Et vous ?
:fleche: Que pensez-vous de ce livre interractif ?
ce SVN est développé pour tout ?
dans ces sous-dossiers de la source http://code.google.com/p/20thingsile...ce/browse/#svn , je vois en thrunk de l'appel en php/xml, de l'applet java avec classes, des js et css (normal), du pdf dont je voulais me débarrasser lors des futurs catalogues en ligne... ?? :aie:
ben quel langage peut être utilisé pour ce livre : tous ? on développe le HTML5 avec ce qu'on veut ou on peut encore le faire avec un éditeur classique et le modifier avec le bloc-notes ?:calim2:
