Presentaciones con Reveal.js y HTML5

• Tweet

PowerPoint ha sido durante muchos años la plataforma por excelencia para la creación de presentaciones. Prezi llegó hace un par de años sin embargo y debido algunas pequeñas restricciones que tiene no se ha hecho muy popular.

Los dispositivos móviles se han tomado el mundo y eso nos queda claro, la mayoría de ejecutivos ya no usan los acostumbrados y conocidos computadores portátiles, la mayoría han decidido migrar a las dichosas tablets, en ellas hacen todo cuando necesitan, incluso llevar las presentaciones para sus clientes. Entonces, ¿por qué no agilizar este proceso y mostrar nuestras presentaciones en el navegador web?

Reveal.js nos permite exactamente eso, crear nuestras presentaciones como si fueran un sitio web. Reveal.js consta de 3 ficheros, 1 archivo Javascript y 2 CSS que son fácilmente manipulables y nos permiten modificar y mejorar algunas características.

El markup básico de una presentación se encuentra construido en HTML 5, es el siguiente:

<div class="reveal">
  <div class="slides">
    <section>
      <p>Folie 1</p>
    </section>
    <section>
      <p>Folie 2</p>
    </section>
  </div>
</div>

La navegación la podemos hacer en cualquier sentido (arriba, derecha, abajo e izquierda) todo controlado con las teclas de nuestro computador o con los controles nativos que trae la presentación.

Es realmente una muy interesante opción para hacer nuestras presentaciones. Aunque para mi gusto cuenta con 1 pequeño defecto tiene muy poco themes y si queremos desarrollar uno nuevo debemos entender CSS…