6 Plugin for Impressive HTML Slideshow And Presentation

Posted by & filed under Tech, Web Development. 67,340 views

Making a presentation with HTML, CSS and Javascript is no longer an impossible task. With the development of CSS3 and support on most modern browsers, the slide transition no longer limited to fading, sliding, blinding. It allows us to achieve cool effects such as rotation, 3D transform and transition.

The following is 6 javascript plugins that allow you to do that. Some potentially can be a good script to make your own portfolio website. I particularly impressed by impress.js. You can use it to create a different kind of slideshow that no ordinary desktop-based presentation tools can achieve.

You will need latest browsers that support CSS3 3D transform.

  • impress.js It’s a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transform and transition in modern browsers. It’s not an ordinary presentation slideshow you would see, actually, it gave me a wow when I first saw it. Brilliant script. impress.js
  • deck.js deck.js is a JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow. deck.js
  • reveal.js A CSS 3D slideshow tool for quickly creating good looking HTML presentations. Doesn’t rely on any external libraries but highlight.js is included by default for code highlighting. reveal.js
  • Scrollorama The jQuery plugin for doing cool scrolly stuff. As you scroll through the website, this plugin use browser scrollbar to integrate cool javascript and css effect such as rotation, parallax and so on. scrollorama
  • pitchdeck.js This is a tutorial that teach us how to create an online pitch deck width jQuery pitchdeck (duh!). I think you will have to stick closely to the tutorial because it ain’t easy. pitchdeck.js
  • NikeBetterWorld Parallax Effect Alright, the famous NikeBetterWorld layout finally available as jQuery plugin. This kind of layout seems to fit in between presentation and website as it’s really useful to present your product. NikeBetterWorld plugin



4 Versatile JQuery Drop Down Menu Solutions
7 Important Rules for Freelancers
8 Crazy Animations With WebGL and HTML5 Canvas