### 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

## 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.

Esta diapositiva tiene fragmentos que también son pasados en la ventana de vista del orador.

## 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