Create Instant Presentations with HTML Slideshow

Dmitri Popov

Productivity Sauce

Apr 16, 2012 GMT
Dmitri Popov

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.

comments powered by Disqus

Issue 170/2015

Buy this issue as a PDF

Digital Issue: Price $9.99
(incl. VAT)

News