Presentaciones animadas con HTML5

Reveal.js es un pequeño framework para la creación de presentaciones dinámicas que utilizan HTML5 y CSS3. El proyecto para funcionar no requiere más que un navegador con soporte para las transformaciones CSS3.

Reveal.js permite utilizar cualquier componente multimedia de forma sencilla, por lo que la creación de sliders atractivas se torna una tarea muy simple. Otro aspecto a destacar es como se pueden navegar las distintas diapositivas utilizando las teclas de dirección, esto de manera automática y sin prácticamente tocar una sola linea de código.

Este framework da completo soporte para el navegador móvil Safari, un dato interesante de cara a aquellas personas que desean realizar sus presentaciones desde, por ejemplo, un iPad.

El proyecto acepta cuatro tipos distintos de transiciones -efectos- entre diapositivas: Cubo, pagina, circular, y finalmente linear.

Otro aspecto interesante es el de tener la posibilidad de utilizar temas para cambiar el aspecto visual de forma rápida, por defecto tenemos 4 disponibles con la descarga del framework.

Para aumentar la interactividad Reveal.js acepta el uso de JavaScript para detectar eventos determinados, esto lo hacemos fácilmente mediante unas pocas lineas de código:

Reveal.addEventListener( 'customevent', function() {
	console.log( '"customevent" has fired' );
} );

Utilizar HTML5 para este tipo de tareas tiene ciertas ventajas, desde su fácil reproducción en cualquier lugar y sin necesidad de ningún programa adicional más que un simple navegador moderno, hasta la de poder exportar la presentación completa a formato PDF utilizando el mecanismo clásico que provee el navegador.

Les recomiendo visitar la documentación oficial para conocer más acerca de este interesante proyecto.

Web: Reveal.js

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas