22/07/2012 1 avis

Adieu PowerPoint.. Ça slide avec HTML5 !

Adieu PowerPoint.. Ça slide avec HTML5 !

La dernière version du langage HTML a vraiment redonné un bon coup de jeune au Web. Avec son lot de nouveautés, les développeurs peuvent maintenant créer très facilement des outils avec des fonctionnalités plus évoluées et avancées. Associées à des feuilles de styles nouvelles générations (CSS3), des outils de présentation apparaissent avec lesquels vous pouvez créer vos propres "slideshow" sous forme d'un site web. Lors de sa dernière Google I/O conference, Google a aussi réalisé sa présentation avec ses technologies.


Quels avantages par rapport aux solutions classiques ?

La création de présentation à l’aide des technologies web a de nombreux avantages :

  • Des effets et des transitions plus poussées
  • Des présentations originales
  • Plus d’interaction avec l’utilisateur (formulaires, canvas, etc...)
  • Possibilités de personnalisation/création quasi illimitées
  • Pas besoins de logiciels tiers pour créer ou visualiser la présentation
  • Intégration facile de médias (video, audio, iframe, etc...)

Principaux frameworks HTML5/CSS3 pour vos présentations :

Vous manquez de temps ou de motivation ? Pas de panique, des frameworks permettent de créer vos présentations très rapidement. Pour commencer, c'est vraiment facile, téléchargez les sources du projet (le fichier HTML d'exemple, les styles CSS et les scripts Javascript), ensuite, modifiez le fichier HTML en conservant la structure de base utilisée par le framework choisi.


HTML5Slides
HTML5Slides

Ce template de présentation a été réalisé par Google. Télécharger simplement le code disponible sur le dépôt et éditer le selon votre convenance.

  • Voir une démonstration du projet.
  • Parcourir le dépot du projet.
HTML5Rocks
HTML5Rocks

Certainement un des framework le plus aboutis et populaire, il gère la majorité des balises HTML5 et propose la mise en place de plusieurs thèmes à la fois. Son utilisation est aussi évidente que le précédent.

  • Voir une démonstration du projet.
Reveal.js
Reveal

Reveal est un outil de slideshow qui exploite les fonctions de transitions 3D de CSS3 pour créer rapidement une superbe présentation HTML.

  • Voir une démonstration du projet.
  • Parcourir le dépot du projet.
Impress.js
Impress

Ce framework de présentation basé sur le pouvoir des transformations et transitions CSS3 pour les navigateurs modernes.

  • Voir une démonstration du projet.
  • Parcourir le dépot du projet.

Un petit exemple :

Voici, une petite présentation des nouveautés dans le monde du développement web réalisée avec le framework HTML5Rocks. L'écosystème HTML5 - CSS3 - JS, nous fait presque oublier le classique PowerPoint ou même LaTeX/Beamer...

Voir la présentation de démonstration

Vos réactions 1 avis

Comment #1

Articles like these put the consumer in the driver seat-very imrttpano. a écrit : le 15/05/2016 à 2:35am

Articles like these put the consumer in the driver seat-very imrttpano.