Create Instant Presentations with HTML Slideshow

Productivity Sauce

Slidifier is a neat webapp for creating browser-based presentations, but it's not the only fish in the sea. Take HTML Slideshow, for example. This small tool can come in handy for creating no-frills presentations using HTML and CSS. Creating slides with HTML Slideshow is as easy as it gets. Each slide sits inside the <section> element:

<section>
  <hgroup>
    <h1>Lorem Ipsum</h1>
    <h2>Lorem ipsum dolor sit amet</h2>
  </hgroup>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</section>

You can add as many slides as you want, and you can spice them up with lists and images. If you know your way around JavaScript, you can bind JavaScript scripts to specific slides using the newSlide event. The source code distribution in the project's GitHub repository contains an example presentation which provides a few useful pointers for creating sleek presentations. HTML Slideshow uses fonts in the EOT and WOFF formats. If you don't have EOT and WOFF fonts handy, you can use Font Squirrel's Fontface Generator to convert TrueType fonts into these formats.