So you want to make a Reveal.JS Presentation?

Emily M. Boudreaux

Lone Pine
What is Reveal.JS?
  • HTML Presentation Framework
  • Open Source
  • MIT Licensed
  • Created by Hakim El Hattab

Why Reveal.JS?

  • Easy to customize
  • Easy to share
  • Easy to present
  • Version Control
  • Full Power of HTML/CSS/JS

Why Reveal.JS?

  • Easy to customize (at first....)
  • Easy to share
  • Easy to present
  • Version Control
  • Full Power of HTML/CSS/JS

Why Not Reveal.JS?

  • Steep learning curve
  • Need internet*

*unless you download all the packages with node

How to get started

  • clone github.com/tboudreaux/revealJS
  • edit the slides.html file
  • Open the index.html file in a web browser

Basic Concepts

Basic Concepts

  • Sections
  • Fragments
  • Transitions
  • Auto-Animate

Differences between Reveal.JS and other presentation software

Differences between Reveal.JS and other presentation software

Reveal Layout

Differences between Reveal.JS and other presentation software

Reveal Layout

Presenting Reveal.JS

Presenting Reveal.JS

  • Locally
  • Static Web Server
  • Github Pages

Some more fun things

Some more fun things

  • Javescript API

Some more fun things

Fit a Fiducial Line

Some more fun things

  • Plugins!

Some more fun things

  • Plugins!
Reveal Layout

Some more fun things

  • MathJax

Some more fun things

  • MathJax
\[\begin{aligned} \dot{x} & = \sigma(y-x) \\ \dot{y} & = \rho x - y - xz \\ \dot{z} & = -\beta z + xy \end{aligned}\]

Learn More!

?