Getting Started with Reveal.JS

So Now You Have No Excuse

Created by LJ Kenward / @ljkenward

I'm LJ - A Junior Developer working in React at Xero, where I help make #beautiful cloud accounting software.

Why Use RevealJS?

So you can do awesome lightning talks at #FCCMELB Meetups!

  • MIT License
  • Immerse Yourself In Code
  • Host online with Github Pages
  • All of the features!

Quick Tips

  • Press ESC to enter the slide overview
  • Hold down alt(option) click to zoom - handy for code!
  • Press B to pause the presentation

Change it Up With Backgrounds

Set data-background="#dddddd" on a slide to change the background color. All CSS color formats are supported.

... and GIFs!

Pretty Code


function linkify( selector ) {
  if( supports3DTransforms ) {

    var nodes = document.querySelectorAll( selector );

    for( var i = 0, len = nodes.length; i < len; i++ ) {
      var node = nodes[i];

      if( !node.className ) {
        node.className += ' roll';
      }
    }
  }
}

Quote of the Day

“Ever since she was born, LJ has been spurting crap. Literally.”

LJ's Mum

Alternatives

Sick of code?

It happens. There's a fully-featured visual editor for authoring these, try it out at http://slides.com.

Getting Started

@ljkenward