Usando reveal.js para presentar diapositivas
Versión en español de la demo, adaptada con fines didácticos por @leoperbo
Diapositivas verticales anidadas?
Este tipo de diapositivas pueden anidarse en una diapositiva horizontal.
Para navegar en ellas se usa la tecla "flecha abajo" o la misma tecla Espacio que sirve para avanzar entre todas las diapositivas de la presentación.
Subnivel 1
Las diapositivas anidadas ayudan a mostrar detalles adicionales debajo de una diapositiva de mayor nivel.
Pueden omitirse del pase entre diapositivas horizontales usando las teclas "flecha-derecha" (avanzar) "flecha-izquierda" (retroceder).
Subnivel 2
¡Listo! Volvamos al nivel principal.
Punto de vista
Pulsa ESC para ingresar a la vista panorámica.
Mantén pulsada la tecla Alt (Ctrl en Linux) y haz clic sobre cualquier elemento para hacer una acercamiento (gracias al complemento zoom.js. Pulsa de nuevo para volver a la vista anterior.
(NOTA: Usa ctrl + clic en Linux.)
Complemento Auto-Animate
Anima automáticamente elementos correspondientes a lo largo de diapositivas con el complemento Auto-Animate.
Auto-Animate
Auto-Animate
Pantalla táctil: modo retrato
Con pantallas estrechas en modo retrato, se habilitará el modo "scroll" de navegación, todas las diapositivas se mostrarán de forma lineal deslizando en cualquier dirección (hacia la izquierda o arriba para avanzar, hacia la derecha o abajo para retroceder).
Pantalla táctil: modo paisaje
Si la pantalla está en modo paisaje, al deslizar hacia izquierda o derecha se pasa entre diapositivas horizontales y hacia abajo o arriba se pasa entre las verticales donde las haya.
Fragmentos
Activa la vista del orador con la tecla S (Speaker view)
Ahora pulsa la tecla de avance...
... Para dar un paso...
... Dentro de una diapositiva fragmentada.
Estilos de framentos
Hay diferentes tipos de fragmentos, como:
crecer grow
contraer shrink
desvanecer fade-out
condensar hacia la derecha fade-right, condesar hacia arriba fade-up, condensar hacia abajo fade-down, condensar hacia la izquierda fade-left
condensar y medio-salir fade-in-then-semi-out
condensar y salir fade-in-then-out
Resaltar
rojo highlight-red
azul highlight-blue
verde highlight-green
Estilos de transición
Puedes elegir diferentes transiciones, como:
Ninguna none -
Desvanecimiento fade -
Desliz slide -
Convexa convex -
Cóncava concave -
Zum zoom
Pulsa sobre una opción y navega hacia atrás para mirar la diferencia, vuelve y reintenta.
¿Que si puedes usar esta demo como plantilla?
¡Por supuesto! Y agradecería que incluyeras una diapositiva con el crédito y un enlace al original.
Descarga aquí el paquete completo