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 |
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. |
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.
|
Reveal.js |
Reveal est un outil de slideshow qui exploite les fonctions de transitions 3D de CSS3 pour créer rapidement une superbe présentation HTML. |
Impress.js |
Ce framework de présentation basé sur le pouvoir des transformations et transitions CSS3 pour les navigateurs modernes. |
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...
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.