#Html5 alternative to geek tools update#
#Html5 alternative to geek tools software#

CSSS - CSS-based SlideShow System ( download).

S5 - A Simple Standards-Based Slide Show System ( download).

A little more development could make it easier to use. Slides are defined in a section within a div within another div and contain their own header and content. ShowerвЂ™s main drawback is itвЂ™s convoluted HTML.

The slide thumbnail view is especially cool (press ESC). While itвЂ™s one of the simpler systems, itвЂ™s fast and works well in all browsers. Shower is a presentation system by Vadim Makeev of Opera Software. ThereвЂ™s also a documented APIDownload the Deck.js filesвЂ¦ Shower Slides are defined within semantically correct section blocks in an outer article. It looks similar to GoogleвЂ™s offering - perhaps a little prettier, but without slide transition effects.

Slides are defined in article tags and itвЂ™s easy to add extra stylesheets to override the default CSS.Дownload the Google Slides Template fileвЂ¦Дeck.js was one of the first HTML5 presentation systems. ItвЂ™s fairly basic when compared to Reveal.js or Impress.js itвЂ™s restricted to right-to-left slide transitions and fade-in effects, but it still looks great. Persevere, though, and youвЂ™ll be able to create some stunning and original slide shows.Дownload the Impress.js filesвЂ¦ Google Slides TemplateДЄs youвЂ™d expect, Google has their own HTML5 presentation template (as well as the one offered in Google Docs). ThatвЂ™s the only drawback itвЂ™s a little difficult to visualize and define those values. Slides are defined in div elements with data attributes controlling the x, y, z locations and rotations. I wonвЂ™t attempt to explain it further - just try it and youвЂ™ll understand what I mean. ItвЂ™s been influenced by the commercial slides are arranged in a 3-dimensional space and your view rotates and pans accordingly. Slides are defined in separate section tags and Reveal.js offers a choice of several 3D slide transitions вЂ¦ although they look fairly similar. ItвЂ™s also easy to change the CSS to add your own effects - I managed to add a rudimentary notes facility doing just that. Slides look great and can be positioned horizontally or vertically. Click the headings to view a demonstration - most work best in Chrome, Safari or FirefoxвЂ¦ Reveal.js Here are the best HTML5 presentation systems IвЂ™ve found. few systems offer slide notes (itвЂ™s a little awkward to show them separately)Д«ut those are not necessarily killer drawbacks - youвЂ™re forced to concentrate on the presentation content rather than frivolous tweaks and awful animations.positioning, effects and transitions are more limited.itвЂ™s not PowerPoint and your audience will be amazed by your technical prowess.ДЄdmittedly, HTML5 presentations are not quite as powerful:.

#Html5 alternative to geek tools software#

you can easily distribute a presentation without viewing software.

files can be hosted on the web you need never lose a PPT again.

#Html5 alternative to geek tools update#

you can update a presentation using a basic text editor on any device.itвЂ™s quicker to add a few HTML tags than use a WYSIWYG interface.

Or, more specifically, HTML5 templates powered by JavaScript with CSS3 2D/3D transitions and animations. It doesnвЂ™t matter how you change the colors, backgrounds, fonts or transitions - everyone can spot a PPT from a mile away.ДЇortunately, we now have another option: HTML5. I have just one criticism: all PowerPoint presentations look the same. It may be over-used and encourages people to create shocking slide shows, but itвЂ™s powerful and fun. I have a lot of respect for Microsoft PowerPoint.