This article possibly contains original research. (April 2012) |
A Web-based slideshow is a slide show which can be played (viewed or presented) using a web browser. Some web based slide shows are generated from presentation software and may be difficult to change (they are usually not supposed to). Others offer templates allowing the slide show to be easily edited and changed.
Compared to a fully fledged presentation program the web based slide shows are usually limited in features.
A web based slide show is typically generated to or authored in HTML, JavaScript and CSS code (files).
Features
Player/Presentation Features
- Works offline
- No extra runtime environments or plugins required to view the slide show (some players may require Adobe Flash or Java)
- Keyboard navigation
- Slide transitions and animations
- Full screen support, can automatically resizing text and images to fit the screen
- Mobile device support, can be displayed on a smartphone using a mobile web browser or a mobile app.
- URL to slide, can link directly to a slide using a URL (typically accomplishing using a fragment identifier).
- Displays a table of contents
- Auto-play/timed transitions
- Compatible with multiple browsers
- Can display slide notes for the speaker
- Print mode
Editor Features
List of web-based slide shows
- audience,[1] WYSIWYG HTML5, CSS3 and JavaScript slideshow tool that focuses on content control
- CSSS,[2] CSS-based SlideShow System.
- deck.js,[3] a modular and customizable HTML5 and CSS3 slideshow, licensed under the MIT license
- Drupal Slideshow,[4] can embed slideshows into Drupal.
- DZSlides,[5] HTML5 and CSS3 slideshow
- Google I/O HTML5 slide template,[6] licensed under the Apache License 2.0.
- html-slideshow,[7] uses HTML and JavaScript to display slides.
- HTML Slidy,[8] tool from W3C for creating slideshows using HTML
- HTML5 Rocks[9]
- HTML5 Slides,[10] a slideshow template by Google using HTML5 and CSS3 features. Released under the Apache License 2.0.
- impress.js,[11] HTML5 and CSS3 slideshow, licensed under the MIT license
- inertia.js,[12] HTML5, CSS3 and JavaScript Slideshow that offers multiple transitions and zoom effects.
- jQuery-Presentation,[13] jQuery-based slideshow system
- Landslide,[14] generates HTML5 slides from MarkDown and reST (reStructuredText) formats.
- Presentista,[15] features a WYSIWYG content editor and a zooming user interface.
- PreZentit,[16] Collaborative presentation web app released in July 2007.
- Simplebooklet,[17] generates hosted embeddable HTML5 slideshows using a WYSIWYG editor or imported from PDF.
- Slidifier,[18] generates slideshows from plain text source.
- SlideWiki, supports SVG and LaTeX/MathML.
- ShowOff,[19] server-based HTML5 slideshow
- reveal.js,[20] HTML5 and CSS3 slideshow, licensed under the MIT license.
- Shower Presentation Engine,[21] licensed under the MIT license.
- TiddlySlidy[22] adds presentations to TiddlyWiki
S5-based slideshows
S5 (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining slideshows.
- DokuWiki S5,[23] converts Wiki markup to S5 format in DokuWiki.
- Dokuwiki S5 Reloaded.[24]
- S5 Reloaded,[25] an extended version of S5.
- Diascope,[26] somewhat compatible with S5, inspired by s5-reloaded, uses SASS.
- Gnome-S5[27]
- S6 Project[28]
- slippy[29] is S5 compatible project with PDF export feature.
- Rst2S5,[30] uses reST (reStructuredText) to generate S5 presentations.
- Django S5[31]
- Drupal S5[32]
- jQuery.s5,[33] plugin for jQuery to support S5
- Tiki Wiki S5,[34] adds S5 support to Tiki Wiki
- Plone S5,[35] adds S5 support to Plone
- spod5,[36] converts Perl POD (Plain Old Documentation) format to S5
- Pod::S5,[37] converts Perl POD format to S5
- Slideshow (S9),[38] supports S5, S6, Slidy, Google HTML5 Rocks, and other templates.
- slideous,[39] HTML-based presentation tool, inspired by S5 and Html Slidy
- Slimey[40]
Flash-based Slideshow
References
- ^ http://www.audience.me
- ^ https://github.com/LeaVerou/CSSS
- ^ https://github.com/imakewebthings/deck.js
- ^ http://www.cincopa.com/media-platform/drupal-slideshow
- ^ https://github.com/paulrouget/dzslides
- ^ http://code.google.com/p/io-2012-slides/
- ^ https://github.com/robflaherty/html-slideshow
- ^ http://www.w3.org/Talks/Tools/Slidy2/
- ^ http://slides.html5rocks.com/#slide1
- ^ http://code.google.com/p/html5slides/
- ^ http://bartaz.github.com/impress.js
- ^ https://github.com/bonakid/inertia.js
- ^ https://github.com/davist11/jQuery-Presentation
- ^ https://github.com/adamzap/landslide
- ^ http://presentista.com
- ^ http://prezentit.com
- ^ https://simplebooklet.com
- ^ http://slidifier.com
- ^ https://github.com/schacon/showoff/
- ^ http://lab.hakim.se/reveal-js
- ^ https://github.com/shower/shower
- ^ http://tiddlyslidy.com/
- ^ https://www.dokuwiki.org/plugin:s5
- ^ http://www.dokuwiki.org/plugin:s5reloaded
- ^ http://www.netzgesta.de/S5/
- ^ https://github.com/minad/diascope
- ^ https://github.com/CodeGnome/s5
- ^ https://github.com/geraldb/s6
- ^ https://github.com/Seldaek/slippy
- ^ http://docutils.sourceforge.net/docs/user/slide-shows.html
- ^ http://github.com/myles/django-s5
- ^ http://drupal.org/project/s5
- ^ http://www.visop-dev.com/Project+jQuery.s5
- ^ http://doc.tiki.org/JQS5
- ^ http://www.enfoldsystems.com/developer/software/plones5
- ^ https://metacpan.org/module/spod5
- ^ https://metacpan.org/module/Pod::S5
- ^ http://slideshow.rubyforge.org/
- ^ http://goessner.net/articles/slideous/slideous.html
- ^ http://slimey.sourceforge.net/
- ^ http://www.kizoa.com/