All Projects → panglesd → slipshow

panglesd / slipshow

Licence: MIT license
An engine for displaying slips, the next-gen version of slides

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to slipshow

Deckdeckgo
The web open source editor for presentations
Stars: ✭ 1,117 (+6470.59%)
Mutual labels:  slideshow, slides
Press
Minimalist Markdown Publishing for Nuxt.js
Stars: ✭ 181 (+964.71%)
Mutual labels:  slideshow, slides
Nodeppt
This is probably the best web presentation tool so far!
Stars: ✭ 9,589 (+56305.88%)
Mutual labels:  slideshow, slides
Gatsby Starter Deck
🗣 Create presentations using Gatsby, React & Markdown.
Stars: ✭ 522 (+2970.59%)
Mutual labels:  slideshow, slides
Reveal.js
The HTML Presentation Framework
Stars: ✭ 57,980 (+340958.82%)
Mutual labels:  slideshow, slides
Webslides
Create HTML presentations in seconds —
Stars: ✭ 5,778 (+33888.24%)
Mutual labels:  slideshow, slides
Slideshow
slideshow gems - write your slides / talks / presentations in plain text with markdown formatting conventions
Stars: ✭ 173 (+917.65%)
Mutual labels:  slideshow, slides
Big
presentations for busy messy hackers
Stars: ✭ 3,208 (+18770.59%)
Mutual labels:  slideshow, slides
Libreoffice Impress Templates
Freely-licensed LibreOffice Impress templates
Stars: ✭ 238 (+1300%)
Mutual labels:  slideshow, slides
Asciidoctor Reveal.js
🔮 A reveal.js converter for Asciidoctor and Asciidoctor.js. Write your slides in AsciiDoc!
Stars: ✭ 219 (+1188.24%)
Mutual labels:  slideshow, slides
Eagle.js
A hackable slideshow framework built with Vue.js
Stars: ✭ 4,029 (+23600%)
Mutual labels:  slideshow, slideshow-maker
markdown-slides
Using markdown, write simple but beautiful presentations with math, animations and media.
Stars: ✭ 64 (+276.47%)
Mutual labels:  slideshow, slides
Godot Power Pitch
International pitch for the Godot Game Engine, made in Godot, available in 15+ languages
Stars: ✭ 348 (+1947.06%)
Mutual labels:  slideshow, slides
Backslide
💦 CLI tool for making HTML presentations with Remark.js using Markdown
Stars: ✭ 679 (+3894.12%)
Mutual labels:  slideshow, slides
Hacker Slides
A small UI for building presentation slides from markdown markup
Stars: ✭ 316 (+1758.82%)
Mutual labels:  slideshow, slides
Patat
Terminal-based presentations using Pandoc
Stars: ✭ 1,725 (+10047.06%)
Mutual labels:  slideshow, slides
SliderViewLibrary
An easy to use Android Library to get slides in apps using images or image URLs
Stars: ✭ 35 (+105.88%)
Mutual labels:  slideshow, slides
Vue Infinite Slide Bar
∞ Infinite slide bar component (no dependency and light weight 1.48 KB)
Stars: ✭ 190 (+1017.65%)
Mutual labels:  slideshow, slides
elm-slice-show
A simple presentation engine in Elm
Stars: ✭ 59 (+247.06%)
Mutual labels:  slideshow, slides
s6
S6 Blank - Slideshow templates using HTML 5, CSS 3 'n' JavaScript 2017+ w/ Bespoke.js-compatible "microkernel"
Stars: ✭ 91 (+435.29%)
Mutual labels:  slideshow, slides

slipshow

This is not another slideshow html5 engine, but a slip engine.

A slipshow is a presentation in between the standard slide-based slideshow and the prezi-like presentation. It is stored in an html file that you open in a browser.

The presentation consists of an infinite canvas, on which are placed a variant of slides (the slips). During the presentation, a 4/3 window shows the slips. The window can move instantly, simulating presentation with slides, or in a fluid manner, as in Prezi.

In the canvas are placed not slides, but slips. A slip is a slide with no bottom limit. A slide has a bottom limit as nothing below the end of the page can be seen. However, with the sliding window effect, one can show the overflowed part of the slip by sliding it downward.

Example

You can find several example of slip presentation, from different versions of slip. As they were from early stage of developpement, looking at the source code can be helpful but many things may have changed. Only the official example, tutorial and documentation are kept up to date.

Tutorial, API and Documentation

You can find an extensive documentation, with a tutorial at the readthedocs documentation.

Very quick start

If you do not want to read any of the tutorial but you still want to test a slipshow, type the following in an empty directory:

$ npm install slipshow
$ npx new-slipshow > test-slipshow.html

This will create an html file called test-slipshow.html. Open this file in a browser and you are done!

Contributing

You can issue a Pull Request of any kind, report a bug, ask for a new feature, suggest or PR an enhancement on the documentation... You can also write a theme.

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].