Deck.js, presentaciones web en HTML

el 25 de August del 2011 @08:00 — 1 comentario

Deck.js nos permite crear presentaciones web en HTML. Como podemos ver en la web del script las presentaciones lucen a pantalla completa y podemos usar las fechas para desplazarnos a través de ellas.

El código de una presentación con 3 diapositivas sería el siguiente:


My Presentation

Slide Header

Here is a list of points:
  • Point 1
  • Point 2
  • Point 3

Another Slide

Lorem ipsum dolor sit amet. Cicero

Cada diapositiva sería un div con la clase slide con lo cual, crear presentaciones es muy sencillo. Además podemos definir efectos de transición entre cada diapositiva, así como la diapositiva de inicio (no tiene por que ser la primera).

También nos da la opción de agregar elementos como el número de diapositiva en el que nos encontramos, y controles visuales para navegar por las diapositivas o ir directamente a una.

Este tipo de técnicas es perfecto para presentar una web o herramienta a un visitante. Para esos tours que suelen hacer las webs 2.0 que explican las capacidades de su web.

 

¿Te ha gustado esta entrada?