Presentations with reveal.js
I’m very glad I did.
In case you’re not already aware, Reveal.js is framework that makes it really easy to create good looking presentations using either basic HTML or markdown.
Setup was surprisingly easy. At it’s simplest you download the framework, then edit index.html
git clone firstname.lastname@example.org:hakimel/reveal.js.git my_presentation cd my_presentation atom index.html
Note: atom is my new text editor.
The example presentation contained in
index.html is a comprehensive demo of whats available.
So what’s the big deal?
It’s text. Fully supported by git, I now get to version control my presentations.
No powerpoint (or presentations or keynote). I don’t use windows so I haven’t used powerpoint for a while. My presentation software has been libreoffice Impress for a while. It’s good but has always felt a little shaky.
It’s text. Alright for my first effort I wrote in HTML, but it could have been markdown. I like this way of working, it forces me to concentrate on content not effects.
Reveal.js introduces the concept of a 2 dimensional slide show. Slides can progress left to right (similar to traditional presentation software) or they can progress up and down. I LOVE this concept, slideshows immediately become more dynamic, slides can be organised into topics, it makes you think about structure. I could go on even more, suffice to say, I think this is great.
I can publish my presentations onto the web. While other people probably arn’t that interested, it means I have them accessable anywhere. Calling up a fully animated presentation onto my phone is just cool!
A few minor ones, I think more experience will help me deal with them.
Some knowledge of HTML and CSS is useful. Basic layouts such as lists and tables are pretty simple, but occasionally I needed finer control which meant going online and reminding myself of various CSS attributes.
I often ran into problems fitting content onto the page. The default font sizes are a little too large and it’s hard to control the spacing between elements (see above). To be fair putting too much information on a slide is a common mistake and I should perhaps refactor some of my slides.