quaternum.net

2012-11-05

reveal.js : des présentations en HTML

reveal.js est un script JS permettant de créer des présentations du type powerpoint ou keynote en HTML5 et CSS3, affichable dans un navigateur et avec des effets simples et beaux. reveal.js est un ensemble de fichiers HTML, CSS et JavaScript facilement modifiables, c’est Hakim El Hattab qui est à l’origine de ce petit projet. Sur Github on retrouve les fichiers, avec plusieurs thèmes en plus de celui par défaut. Pour celles et ceux qui maîtrisent le Web, reveal.js est une bonne base pour créer des présentations originales. Il suffit pour cela de modifier un fichier HTML, le contenu est structuré en “section”, une page ou “diapositive” ressemble à cela :

<section>
<h1>Titre</h1>
<h2>Sous-titre</h2>
<p>texte</p>
</section>

Pour la création et les modifications reveal.js propose aussi une version en ligne pour créer, éditer et publier les présentations, elle s’appelle rvl.io. L’interface colle tout à fait au projet : c’est simple et efficace. On peut même accéder au code source de chaque “diapositive” pour préciser le code. La fonction export se résume à la récupération du code HTML correspondant au contenu, que l’on peut ensuite réutiliser à partir des fichiers proposés sur Github.

reveal.js est une bonne alternative aux présentations “classiques” pour plusieurs raisons :

Pas besoin d’un outil lourd comme LibreOffice Impress, pour peu que l’on comprenne le HTML et le CSS et que l’on veuille passer un peu de temps sur la structuration et la mise en forme (less is more).

En plus de reveal.js, on peut aussi utiliser remote.io, système lui aussi très simple qui permet de commander la présentation depuis un smartphone :