There are no recommended methods or best practices for designing for mobile devices since most developers are still using impress.js as a presentation tool. Ideally, you should be getting this knowledge by designing as many presentations as you can. I'll list down some of the common mistakes to avoid when designing for mobiles.
Limit the dynamic CSS on the
stepenter
andstepleave
eventsDon't hide the steps on the initial page load
Position elements properly to avoid the overlapping of steps
Don't rely on effects to provide meaning to presentations
The guidelines mentioned in this section don't guarantee that your presentation will look better in unsupported browsers for all possible scenarios. We can look for an alternative approach of using CSS media queries to handle unsupported browsers.
In this technique, you will have to create a separate design for unsupported devices, inside another container. Once impress.js recognizes an unsupported browser,...