Web-based slideshow is a slide show which can be played or viewed using a web browser . Some web based slide shows are generated from presentation software and May be difficulty to change (usually unintentionally so). Others offer templates allowing the show to be easily edited and changed.

Compared to a fully fledged presentation of the web based slide shows are usually limited in features.

A web-based slide show is typically generated in HTML , JavaScript and CSS code (files).

Features

Player / Presentation Features

  • Keyboard navigation.
  • Slide transitions and animations.
  • Auto-play / timed transitions.
  • Displays a table of contents.
  • Nested slides
  • Separate slide notes for the speaker.
  • Full screen support, with automatic text and images.
  • Responsive layout support, with automatic text and resizing images to fit the resized screen.
  • URL to slide (typically using a fragment identifier ).
  • Print mode.
  • PDF export.
  • Mobile device support, using a mobile web browser or a mobile app .
  • Compatibility with multiple browsers.
  • No extra runtime environments or plugins required to view the slide show (some players may require Adobe Flash or Java )
  • Ability to work offline .

Editor Features

  • Theme and styling support
  • Can embed images
  • Can embed videos and audio and other multimedia
  • Master pages / templates for slides
  • Embedding SVG
  • Embedding MathML
  • Embedding other web pages

List of web-based slide show engines

  • audience – [1] WYSIWYG HTML5, CSS3 and JavaScript
  • bespoke.js – [2] [3] lightweight web presentation framework with plugin support.
  • Better Simple Slideshow – [4]
  • CSSS – [5] CSS-based SlideShow System.
  • deck.js – [6] a modular and customizable HTML5 and CSS3 slideshow, licensed under the MIT license
  • Drupal Slideshow – [7] can embed slideshows into Drupal.
  • DZSlides – [8] HTML5 and CSS3 slideshow
  • Google I / O HTML5 slide template – [9] licensed under the Apache License 2.0 .
  • HTML Slidy – [10] tool from W3C for creating slideshows using HTML
  • html-slideshow – [11] uses HTML and JavaScript to display slides.
  • HTML5 Rocks – [12]
  • HTML5 Slides – [13] a slideshow template by Google using HTML5 and CSS3 features.
  • impress.js – [14] HTML5 and CSS3 slideshow, licensed under the MIT license
  • inertia.js – [15] HTML5, CSS3 and JavaScript Slideshow that offers multiple transitions and zoom effects.
  • jQuery-Presentation – [16] jQuery-based slideshow system
  • Landslide – [17] Generates HTML5 Slides from MarkDown and ReST (reStructuredText) formats.
  • PINP – [18] PINP IS NOT PPT, freeware, based on HTML5 / CSS3.
  • Presentation – [19] [20] XHTML and CSS3 based system which supports multiple slides decks and portable compiled files. ( BSD License )
  • Presentista – [21] features a WYSIWYG content editor and a zooming user interface .
  • PreZentit – [22] Collaborative presentation web app released in July 2007.
  • reveal.js – [23] HTML5 and CSS3 slideshow, licensed under the MIT license.
  • CloudPoint – [24] HTML5 and CSS3 based slideshow system
  • Shower – [25] licensed under the MIT license.
  • ShowOff – [26] server-based HTML5 slideshow
  • Simplebooklet – [27] hosted hosted embeddable HTML5 slideshows using a WYSIWYG editor or imported from PDF .
  • Slidifier – [28] slideshows from plain text source.
  • SlideWiki – SVG and LaTeX / MathML media.
  • Squeenote – [29] server-based presentation with multiple clients.
  • Stack – [30] presentation library with scroll-vased navigation.
  • TiddlySlidy – [31] adds presentations to TiddlyWiki
  • Moovly – [32] Presentation software and platform

S5-based slideshows

S5 (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining slideshows.

  • Diascope, [33] somewhat compatible with S5, inspired by s5-reloaded, uses SASS .
  • Django S5 [34]
  • DokuWiki S5, [35] converts Wiki markup to S5 format in DokuWiki .
  • Dokuwiki S5 Reloaded. [36]
  • Drupal S5 [37]
  • Gnome-S5 [38]
  • jQuery.s5, [39] plugin for jQuery to support S5
  • Plone S5, [40] adds S5 support to Plone
  • Pod :: S5, [41] converts Perl POD format to S5
  • Rst2S5, [42] uses reST (reStructuredText) to generate S5 presentations.
  • Slideshow (S9), [43] S5, S6, Slidy, Google HTML5 Rocks, and other templates.
  • slideous, [44] HTML-based presentation tool, S5 and Html Slidy
  • Slimey [45]
  • slippy [46] is compatible S5 with PDF export feature.
  • spod5, [47] Perl POD Converts (Plain Old Documentation) format to S5
  • S5 Reloaded, [48] an extended version of S5.
  • S6 Project [49]
  • Tiki Wiki S5, [50] adds S5 support to Tiki Wiki

Flash-based Slideshow

  • Kizoa [51]
  • Prezi
  • ShowToClients [52]

References

  1. Jump up^ audience. “audience – making every presentation a success” . audience.me .
  2. Jump up^ “Bespoke.js” . Bespoke.js .
  3. Jump up^ “DIY Presentations with Bespoke.js” . markdalgleish.com .
  4. Jump up^ “leemark / better-simple-slideshow” . GitHub .
  5. Jump up^ “LeaVerou / csss” . GitHub .
  6. Jump up^ “imakewebthings / deck.js” . GitHub .
  7. Jump up^ “Cincopa Drupal Slideshow” . cincopa.com .
  8. Jump up^ “paulrouget / dzslides” . GitHub .
  9. Jump up^ “io-2012-slides – HTML5 slide template for Google I / O 2012 – Google Project Hosting” . google.com .
  10. Jump up^ “HTML Slidy” . w3.org .
  11. Jump up^ “robflaherty / html-slideshow” . GitHub .
  12. Jump up^ https://web.archive.org/web/20110521044026/http://slides.html5rocks.com/ . Archived from the original on May 21, 2011 . Retrieved May 23,2011 . Missing or empty( help ) |title=
  13. Jump up^ “html5slides – A Google HTML5 slide template – Google Project Hosting” . google.com .
  14. Jump up^ Bartek Szopka. “impress.js – presentation tool based on the power of CSS3 transforms and transitions in modern browsers – by Bartek Szopka @bartaz” . github.com .
  15. Jump up^ “hellgorithm / inertia.js” . GitHub .
  16. Jump up^ “davist11 / jQuery-Presentation” . GitHub .
  17. Jump up^ “adamzap / landslide” . GitHub .
  18. Jump up^ “Html5 Presentation – PINP official site” . pinp.me .
  19. Jump up^ Matthew Wronka – Projects – Presentation
  20. Jump up^ “Presentation” . freecode.com .
  21. Jump up^ “Presentista – Presentations Remixed” . presentista.com .
  22. Jump up^ “PreZentit” . prezentit.com .
  23. Jump up^ Hakim El Hattab. “reveal.js – The HTML Presentation Framework” . hakim.se .
  24. Jump up^ “CloudPoint Help Page” .
  25. Jump up^ “shower / shower” . GitHub .
  26. Jump up^ “schacon / showoff” . GitHub .
  27. Jump up^ simplebooklet. “simplebooklet.com” . simplebooklet.com .
  28. Jump up^ “Slidifier” . slidifier.com .
  29. Jump up^ “danski / Squeenote” . GitHub .
  30. Jump up^ https://mbostock.github.io/stack/
  31. Jump up^ “~ TiddlySlidy – a TiddlyWiki for Creating and Presenting Slideshows”. tiddlyslidy.com .
  32. Jump up^ https://www.moovly.com/ . Missing or empty( help ) |title=
  33. Jump up^ “minad / diascope” . GitHub .
  34. Jump up^ “myles / django-s5” . GitHub .
  35. Jump up^ “plugin: s5 [DokuWiki]” . dokuwiki.org .
  36. Jump up^ “plugin: s5reloaded [DokuWiki]” . dokuwiki.org .
  37. Jump up^ “S5 presentation player” . drupal.org .
  38. Jump up^ “CodeGnome / s5” . GitHub .
  39. Jump up^ “Project jQuery.s5” . visop-dev.com .
  40. Jump up^ “Plone S5” . enfoldsystems.com .
  41. Jump up^ T. Linden. “Pod :: S5 – Generate S5 slideshow from POD source – metacpan.org” . metacpan.org .
  42. Jump up^ “Easy Slide Shows With ReST & S5” . sourceforge.net . March 30, 2006.
  43. Jump up^ “Welcome” . slideshow-s9.github.io .
  44. Jump up^ Stefan Gössner (13 November 2005). “Slideous” . goessner.net .
  45. Jump up^ http://slimey.sourceforge.net/
  46. Jump up^ “Seldaek / slippy” . GitHub .
  47. Jump up^ Matt Sergeant. “spod5 – Displays spod5 (pod to s5) presentations – metacpan.org” . metacpan.org .
  48. Jump up^ “S5 Reloaded” . netzgesta.de .
  49. Jump up^ “slidekit / s6” . GitHub .
  50. Jump up^ Tiki Community. “JQS5 – Documentation for Tiki Wiki CMS Groupware” . tiki.org .
  51. Jump up^ “Free – Slideshow and Video Maker” . kizoa.com .
  52. Jump up^ “Show to Clients, Live Presentation, Show Presentation to Customers, Live Multimedia Presentation, Share your Multimedia Presentations, Multimedia Presentation” . showtoclients.com .