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
Subscribe to our Linux Newsletters
Find Linux and Open Source Jobs
Subscribe to our ADMIN Newsletters

Support Our Work

Linux Magazine content is made possible with support from readers like you. Please consider contributing when you’ve found an article to be beneficial.

Learn More

News