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.

presentaciones con HTML5

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

Categorizado en: