HTML / CSS / reveal.js

What we're learning

  • Reveal.js Presentation Framework
  • First: learn HTML
  • Then: learn CSS (sorta)
  • In between: a little bit of JS

Build & Do: Organize

20 minutes

  • Put your presentation into a webpage using HTML
  • http://goo.gl/kXYCZr

Example

Code

Webpage

Build & Do: Add the framework

20 minutes

  • Add the reveal.js framework to your presentation
  • http://goo.gl/ZsGpuA

Example

Build & Do: Using reveal.js

20 minutes

  • Use the framework's tools to add presentation features
  • http://goo.gl/i766em

Recap

When to use these tools?

Only when it facilitates the communication of the idea

Anti Example

So

Animation

Customizing CSS

  • Of course, it's possible to tweak the style of the presentation even further
  • I'll show you how I would start tweaking it...

Before I end...

The final presentation

  • 1:30pm: Final Presenations
  • 10 minutes each
  • With a presentation using reveal.js on your computer