Je regardais une présentation HTML5 et je me demandais si quelqu'un savait comment la présentation réelle a été créée. Vous pouvez zoomer et dézoomer et voir toutes les diapositives. Vous pouvez également naviguer avec votre clavier.Comment imiter la présentation Powerpoint sentir en utilisant HTML/CSS et javascript
Voici le site avec le diaporama: http://slides.html5rocks.com/#slide5
Tout d'abord, ce n'est pas vraiment mimer PowerPoint. C'est surpasser PowerPoint. :) Deuxièmement, il fait ce que l'URL implique: basculer votre monde avec HTML 5. Chaque diapositive est un exemple de balisage et CSS (et Javascript) disponible en HTML 5. Pour tout savoir sur la façon dont ils le font, cliquez-droit sur la page et choisissez "Voir la source" ... il vous montrera tout le balisage et le script etc.
Vous pouvez certainement faire comme Robusto suggère et voir la source et aller à partir de là.
Mais vous trouverez peut-être plus facile d'obtenir une version plus dépouillée en accédant à http://studio.html5rocks.com/#Deck et en téléchargeant l'échantillon à partir de là. C'est essentiellement la même chose, mais il y a moins de dépendances externes et moins de diapositives initiales, donc il est plus facile de travailler avec. Fondamentalement, mettre le contenu de chaque diapositive dans un < div class = "slide" > ... </div > la façon dont vous le voyez avec les quatre exemples de diapositives dans le code source.
Il existe une bibliothèque CSS3, HTML5 très utile appelée impress.js à http://bartaz.github.com/impress.js/