Doing presentations wasn't something new. But this time it had to be special, we had competition. Presentations are a way to create an overall impression. And, to create an impression we needed something different and impressive. Unlike the traditional ways of doing presentations, (PowerPoint, etc.), we decided to do it different this time. That was when we bumped into reveal.js. reveal.js is a framework for creating beautiful presentations using HTML. It has a number of slick features like Markdown content, nested slides, PDF export, and JavaScript APIs for controlling the slide navigation. Presentations using reveal.js are written using HTML. There is also an interface for those who aren't very tech savvy.
Setting Up reveal.js
Before using reveal.js, you should have both Node.js and Grunt installed on your machine. The next steps are to clone the reveal.js repository from GitHub, install all of the dependencies, and start the reveal server. The following list of commands are used to accomplish these steps. [code] git clone https://github.com/hakimel/reveal.js.git cd reveal.js npm install grunt serve [/code] Next, navigate your browser tohttp://localhost:8000/ to view the presentation.
Creating a Presentation
The following code listing is a bare bones reveal.js HTML page containing no presentation slides. Before the end of thebody tag, we have a script which is the key to all presentation configurations. There are a number of options that we can configure. For example, we can optionally show presentation progress, enable transitions, and set a theme for our presentation. We'll dig deeper into that once we start adding slides to our presentation.
[html]
< !DOCTYPE html>
[/html]Continue reading %Creating Slick HTML Presentations Using reveal.js%