node.js inliner html5


J’en ai marre des présentations avec PowerPoint. Je réalise mes présentations avec Chrome et html5. Mais quid de la portabilité, comment avoir tous les fichiers javascript, css, images, html, dans un seul fichier html ? La solution Node.js et Inliner !



SlideShow HTML5




Réaliser une présentation HTML5 est d’une grande simplicité, mais le seul problème est la portabilité d’une machine à l’autre. La présentation est composée de plusieurs fichiers, qu’il faut déplacer d’une machine à l’autre ! L’idéal est de n’avoir qu’un fichier unique, comme avec PowerPoint :)


Explication


nodejs inliner


C’est là qu’interviennent node.js et l’outil Inliner. Ils permettent de “compresser” en un fichier unique html, l’ensemble de votre présentation. Pour les fichiers javascript ou css, une simple concaténation de fichiers est réalisée. Les images sont encodées sous la forme d’URI Base64 dans le fichier html final !


Utilisation de Node.js et Inliner



Les prérequis :



  • Installer Inliner avec la commande
    npm -g install inliner

  • Avoir sur sa machine un serveur web que l’on fait pointer vers sa présentation multi-fichiers

  • Lancer ma commande :
    inliner –verbose –nocompress http://localhost/ > slideshow.html

  • Afficher votre fichier slideshow.html

  • Transporter-le sur une autre machine :)



Ooooo … Magique ! Mon slideshow.html ou

slideshow.html.