Skip to content

October 8, 2012

16
 

Using HTML5 to Design PowerPoint Presentations

In my earlier post, I’ve discussed how you can convert your presentations into a web format or a video and embed it on your blog. Here’s how you can replicate PowerPoint presentations on the web with HTML5 without having to use PowerPoint at all.

All these frameworks utilize CSS3 and HTML5 technologies, make sure your browser is HTML5 compatible.

Impress.JS

Impress.JS is a flexible javascript framework which implements latest CSS transitions and effects to generate an online presentation. It was intended to clone Prezi. Although Prezi is considered as the best alternative for PowerPoint, it still costs you 150$ an year.
It also replicates Prezi’s infamous zoom interface. You can also script and configure several transition effects

HTML5 Rocks

Licensed under Apache 2.0. As it’s name suggests, it is a set of slides is initially designed to introduce the new HTML5. It’s structure can simply afford to build your own layout with all the bonus examples of HTML5 features already implemented in the framework.

Reveal.JS

Reveal.js utilizes CSS 3D Transforms to replicate PowerPoint transitions., Reveal.js is an HTML template to make presentations in the form of two-dimensional matrix. Several modes of transitions can be configured such horizontal sliding and vertical modes. Reveal.JS also has a unique Reveal transition which utilizes CSS Opacity and transform properties to create a fade out -> Reveal effect.

Robo Deck

The main advantage of this framework is that if the presentation is available online then it is possible to synchronize the visitors on the current slide via Web Socket Requests.. Note that it is still in beta stage and does require lot of annoying bug bashing before any large scale web application development with it

Author Bio:– Savanth is an experienced web designer. He designs various PowerPoint Presentations at his blog
 


Warning: Missing argument 1 for BaseDD::BaseDD(), called in /home4/snehil/public_html/addon-domains/snehilkhanor.com/sub-domains/blog/wp-content/plugins/digg-digg/include/dd-manual.php on line 123 and defined in /home4/snehil/public_html/addon-domains/snehilkhanor.com/sub-domains/blog/wp-content/plugins/digg-digg/include/dd-class.php on line 97

Warning: Missing argument 2 for BaseDD::BaseDD(), called in /home4/snehil/public_html/addon-domains/snehilkhanor.com/sub-domains/blog/wp-content/plugins/digg-digg/include/dd-manual.php on line 123 and defined in /home4/snehil/public_html/addon-domains/snehilkhanor.com/sub-domains/blog/wp-content/plugins/digg-digg/include/dd-class.php on line 97

Warning: Missing argument 3 for BaseDD::BaseDD(), called in /home4/snehil/public_html/addon-domains/snehilkhanor.com/sub-domains/blog/wp-content/plugins/digg-digg/include/dd-manual.php on line 123 and defined in /home4/snehil/public_html/addon-domains/snehilkhanor.com/sub-domains/blog/wp-content/plugins/digg-digg/include/dd-class.php on line 97

Warning: Missing argument 4 for BaseDD::BaseDD(), called in /home4/snehil/public_html/addon-domains/snehilkhanor.com/sub-domains/blog/wp-content/plugins/digg-digg/include/dd-manual.php on line 123 and defined in /home4/snehil/public_html/addon-domains/snehilkhanor.com/sub-domains/blog/wp-content/plugins/digg-digg/include/dd-class.php on line 97

Like what you read? Like Binary Log on FaceboOk or Subscribe to My Binary Log via Email or .


Share your comments .. 🙂

About the author

Guest wrote 18 articles on this blog.

Related Posts:

  • No Related Posts
Read more from Web
16 Comments Post a comment
  1. Oct 13 2012

    Very Useful information , this is both good reading for, have quite a few good key points, and I learn some new stuff from it too, thanks for sharing your information.

    Reply
  2. Oct 22 2012

    Great post! Thanks for information.

    Reply
  3. Oct 24 2012

    amazing news!!!

    Reply
  4. Nov 23 2012

    Nice effort, very informative

    Reply
  5. Feb 4 2013

    You can learn to use html5 to design power point presentation. The information shared by you is very useful

    Reply
  6. This post is awesome! Thanks to the author.

    Reply
  7. Apr 17 2013

    This is something definitely worth reading. There are plenty of blogs on the same topic but your blog is different and more informative. Please go on with the such work so that people may revisit.

    Reply
  8. Merely wanna comment that you have a very nice internet site , I the style and design it actually stands out

    Reply
  9. Jun 25 2013

    Thank you for sharing this article. I love it. Keep on writing this type of great stuff.

    Reply
  10. Jul 27 2013

    I have read this marvelous post. Thanks for sharing information about it.

    Reply
  11. Aug 17 2013

    Thanks for the article. Very interesting.

    Reply
  12. Aug 30 2013

    I read this information with great pleasure. Thanks for such nice post!

    Reply
  13. Jan 30 2014

    Fantastic Post.thanks for share..a lot more wait ..

    Reply
  14. Sep 14 2016

    buy cialis prices Generic Cialis can be a good alternative for you.

    Reply
  15. Dec 21 2016

    That’s why it’s an ideal substitution for viagra online�.

    Reply
  16. Feb 28 2017

    generic cialis online generic cialis (Tadalafil) for the eMedTV library lists common and healthcare professionals.

    Reply

Leave a comment

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments

required
required

eXTReMe Tracker