Deck JS - Créer des présentations HTML dynamiques et modernes

Deck.js est un plugin jQuery permettant de créer un système de présentation avec slides HTML, à la fois dynamique et moderne.

Aujourd'hui, créer une présentation au format web digne de votre meilleur powerpoint est tout à fait possible.

Deck.js permet d'animer différents slides HTML de manière fluide, avec flèches ou clavier.

Idéal si vous devez faire une présentation sur une techno web, vous aurez l'avantage de l'originalité et vous serez encore plus crédible sur votre sujet web !

La librairie permet de scroller horizontalement ou verticalement, mettre des transitions comme du fade entre deux slides, pagination des slides...

Il sera aussi possible de faire slider du contenu interne à un slide comme sur Powerpoint...

Côté code, il faut commencer par créer ses slides HTML:

<div class="slide">
  <h2>Mon slide n°1</h2>
  <p>Mon super slide !</p>
</div>

<div class="slide">
  <h2>Mon slide n°2</h2>
  <p>Un deuxième super slide !</p>
</div>

Ensuite, chargez les différentes extensions souhaitées (Pagination, navigation clavier...) à l'aide de leurs CSS / JS.

Puis lancez le jQuery:

$.deck('.slide');

Le plugin dispose de plusieurs thèmes pour personnaliser votre présentation, et vous pourrez bien sûr créer votre propre thème à l'aide de CSS.

La librairie embarque directement modernizr pour garantir une compatibilité navigateur dès IE7.

Qu'en pensez-vous ?

Dans le même genre vous pouvez retrouver Fathom.js qui permet aussi de créer des présentations web JS

Site Officiel