A set of plugins for Reveal.js: Appearance, Internation, Verticator, Smallcontrol, FsFx, Simplemenu, Relativenumber, CopyCode, FontsFirst, Doghouse, Tagteam and CounterAct.
These plugins all originated in a need to bend the functionality, of some presentations I did, to the way I would like it to work. The plugins also work together perfectly. You can interact with the examples right here on the page, or click "Get the plugin" to go to each separate GitHub page.
In Powerpoint you can make slides with items that appear automatically and sequentially with effects. Appearance is a plugin for Reveal.js that does the same.
Appearance is easy to set up. It uses Animate.css by Daniel Eden for the animations, with some changes to allow for a non-animated state. There are also some extra animations as well.
Internation is a localization (i10n) or internationalization (i18n) plugin for Reveal.js that reads language dictionaries from JSON files. The author can add switches to the presentation to let the user choose a language.
Authoring dictionary files is made easy by generating a first JSON file of the current language automatically based on the existing HTML.
A plugin for Reveal.js that adds indicators to show the amount of slides in a vertical stack. Sometimes you would like to have an indication of how many slides are remaining in a vertical stack. This plugin does just that. It is visually quite similar to the indicators at fullPage.js.
The author can choose the main color of the indicators, and an inverse color if the background of the slide is inverse as well.
A plugin for Reveal.js that makes the controls a bit smaller, by scaling the vertical control elements down and aligning them with the horizontal controls.
Because it adds styling to the document, it limits the smaller controls to only the current deck if it is embedded in the page, but you can set it in the options if you want smaller controls on all embedded decks.
Smallcontrol also is set to NOT have smaller controls on touch devices, but you can override that too in the options.
A plugin for Reveal.js that enters or exits fullscreen, and toggles classes on certain elements. This plugin does just that. And some other things.
FsFx looks for elements in the presentation that need to have a class toggled on entering fullscreen and sets that class; it will remove the class on exiting fullscreen. The class can be set per element.
If you can't add a fullcreen button outside the slides yourself, FsFx can also generate a nice button for you.
Reveal.js creates a 'slide-number' element in the presentation if it is turned on in the configuration. Normally, his element is positioned absolutely as a sibling to the slides. But sometimes you want it inside a menubar or some other element. This plugin does just that.
Relativenumber only does one thing: It checks of there already is an element with the class 'slide-number' in the presentation before continuing. If there is, the regular Reveal.js slide-number element will replace it. That's all there is to it.
In Reveal.js presentations we can show blocks of code. This plugin for Reveal.js adds a 'copy' button to each of those.
The user can change the text for 'Copy' and 'Copied', and the accompanying colors in the options.
A plugin for Reveal.js that makes sure that your fonts get loaded before initialising Reveal.js.
Sometimes when you use a Google or Typekit font, it takes some time to load the font. Your presentation will then first show in a default font and then jump to the correct font (known as a 'FOUT', a Flash Of Unstyled Text).
Also, if you use an Adblocker like Ghostery, it is possible that the remote font will also not load at all. This plugin fixes that, but you do need to provide your self-hosted fallback fonts.
A plugin for Reveal.js that will render Pug codeblocks when it starts, but it also works with live editing, which makes it great for presentations about Pug.
Doghouse only does one thing: it renders Pug codeblocks, and can update them live. Go ahead: navigate through the presentation on the left and change some of the code in the left panels.
A plugin for Reveal.js which is used to dynamically show only certain sections in presentations when you don't want to show everything. It uses URL parameters to set the needed sections.
An option to use groups is also provided. Also, the need to enter a group can be set, to avoid the possibility to view all slides (no parameters at all), as a simple safeguard.
Reveal.js optimises the performance of presentations by hiding slides that are more than a few steps in the future.
As per the CSS specification, CSS counters simply don’t work in those hidden slides.
CounterAct goes around this limitation by using data-attributes on the elements that you want to count. Similar to CSS counters, CounterAct lets you define multiple counters. This way, you can have nice numbers in your presentation again.
Made by Martino.