Fathom.js - Créez vos slides de présentation avec jQuery

Fathom.js est un plugin jQuery permettant de créer vos propres slides de présentation, en alternative à powerpoint ou keynote.

Si vous êtes amenés à faire des présentations sur du Javascript, pourquoi ne pas utiliser un support dans le même langage ? C'est un peu la baseline de Fathom.js.

Le plugin propose de transformer votre HTML en véritables slides de présentation avec une navigation à la souris ou au clavier.

Vous pourrez le faire en quelques minutes:

<div id="presentation">

  <div class="slide">
    <h1>Ma super Presentation</h1>
    <p>Contenu du slide n°1</p>
  </div>
  
  <div class="slide">
    <h2>Mon slide 2</h2>
    <ul>
      <li>Liste n°1</li>
      <li>Liste 2</li>
      <li>Liste 3</li>
    </ul>
  </div>
  
</div>

Il ne vous restera ensuite plus qu'à appeler le plugin en jQuery:

$('#presentation').fathom();

Et voilà, vos slides sont prêts !

L'avantage est que vous avez la possibilité de customiser vos slides en XHTML / CSS comme bon vous semble.

Le plugin possède une API avancée permettant de coupler vos slides à d'autres évènements etc.

Il est aussi possible de caller vos slides en même temps qu'une vidéo de présentation, très pratique !

Site Officiel