Choosing a presentation framework
ASQ currently supports two frameworks:
impress.js (we use our own forked version which can be found here) and
reveal.js. In general,
impress.js offers a lot of control in the positioning of the slides in the expense of ease of use and performance in mobile (it uses a lot of 3D transformations).
reveal.js does more out of the box, is easier to use and has a nice plugin architecture.
The full documentation of impress.js can be found here. The following guide covers just the basics to get you started.
You need to include the impress.js script for testing locally. When you upload the presentation it will be replaced by ASQ.
Let’s include it in the presentation
Include your CSS styles
When you upload the presentation to ASQ, impress will be automatically initialized for you. However when you test locally you need to initialize it yourself. To avoid initializing twice, add the following code for initialization
All slides go inside a div with
Each slide, minimally, needs
id (must be unique) and a
To position slides use
data-* attributes. If you omit them, the default values are
0 except from
data-scale which is
1. The available attributes are
The ASQ fork of
impress.js has support for substeps (or fragments in
reveal.js lingo). This allows you to gradually step into sections inslide a slide (for example to reveal bullets one after another). To use them simply add the class