Create HTML presentations in seconds —
-
or click on our slide count to access a fancy new index to quickly navigate to a new slide. Press +
or esc
to exit or click on one slide to navigate to the slide. You can also disable this feature entirely with an option. Read more
F
now toggles full screen mode to remove all the distractions from the browser. Thanks solilokiam!.slideInLeft
and .slideInRight
. 📱.text-emoji
. 😄.text-quote
..text-interview
= dl.text-interview
, dt (name), dd (question/answer)..card
is now a card: width: 100%
.ws-ready
to actually lock the scroll..wrap
(width: 90%
)..gallery li:nth-child(n+4)
: auto-fill
removed. Now: equal width (useful for gallery layouts).form[class*="bg-"]
.This release is a special one! 🎉 It sets up in the path of a better development environment. Although it's far from perfect, it's a solid beginning.
All the code has been migrated from jQuery with ES5 to vanilla JavaScript with ES2015 (or ES6) and is fully modular. This means that WebSlides is a base module with a solid API (few public methods) and it's extended by plugins. This leads to more granularity and less code to dive through while fixing a bug.
The benefit from this approach is that now it's really easy to extend WebSlides to achieve what you need. You can also overwrite current plugins. Say you don't like the current navigation with arrows and want to create a menu instead, you can just write that for yourself with your custom needs and register it as nav
and it will overwrite our nav with your code.
We hope this leads to a better environment in which WebSlides can grow better.
ws:init
whenever webslides is ready and ws:slide-change
whenever a slide changes.