I've always wanted a minimalistic presentation framework that formats my slides correctly. SimPre scales and positions my content, using all the available space. In addition, it comes with a syntax highlighter and progress indicator.
Move on and see how to use it. →
Just add "data-onchange" or "data-onenter" attribute to your <section> tag.
Those need to be a globally defined function.
Create a file, add the code inside and
load the file via the following <script> tag:
Check out the source code of this page as an example.
When showing code, I often want to emphasize or hide part of it. To help myself in this direction, I did a little feature that you can turn on and off via the Shift key. Select part of this text and press that button on the keyboard to see how it works.
In case you need the framework offline,
download it from here simpre.zip.
It's also open source here
github.com/krasimir/simpre.