This demo uses
deprecated extensions.

The new extensions and demos can be found on
a new page on deck.js
click to dismiss

“Smart Syntax” for deck.js

  1. NB: Firefox may complain about missing plugins (for SVG), ignore it

  2. Use right arrow (or space) to DO a step

  3. Use left arrow (or backspace) to UNDO a step

  4. (optional) Type 's' to disable scaling

  5. Look at the sources of this page (Ctrl+U?) to understand

=Smart Syntax ~= Wiki Syntax= * Easy bullet points (numbered or not) * Easy class additions *# on the slide itself (see next one) *# on a bullet point (like this one who has a 'highlight' class)[highlight] * Allow tags e.g. this is inside a <b> tag * NB ** <b> (bold) is styled in blue ** 'highlight' class is styled in red =Styled Slide=[funny] * In the "smart syntax" source ** this slide has the custom 'funny' class * In the css of this page ** <b> tags within a 'funny' are styled in chartreuse (green) ** (with .funny b {color: chartreuse}) * and an example: chartreuse is great!, (learn more on chartreuse) =With Some Deck.js Specificity= * Friend with parts of deck.js ** creation of slides ** core animations: wrapper to simplify (hit next to see animations) @ANIM: var a = $[deck]("animate", slide); $[deck]('addAnimationSequence', slide, [ a.addClass(".animate", "showAnyway"), // display the animation code a.addClass("li:first-child", "highlight"), a.removeClass("li:first-child", "highlight") ]); @END =With Some Extension Specificity= * Friend with some deck.js extensions ** SVG inclusion (smiley from inky2010) @SVG: svgThatFloatsRight media/smiley.svg 200px 200px ** Latex maths using a pair of $$ signs *** $E = mc^2$ *** $c = \sqrt{a^2+b^2}$ *** more on next slide =Raw Maths and Smart Syntax Math= * (see the source of this page) * Raw math, using <span class="latex">...<span>
a^2 + \frac{1}{\sqrt{a^2 + \frac{1}{\sqrt{a^2 + \frac{1}{\sqrt{a^2 + \frac{1}{\sqrt{a^2 + b^{\infty}}}}}}}}} * With smart syntax, exactly the same but with $$...$$
(NB: use two consecutive dollar signs to output a dollar)
$a^2 + \frac{1}{\sqrt{a^2 + \frac{1}{\sqrt{a^2 + \frac{1}{\sqrt{a^2 + \frac{1}{\sqrt{a^2 + b^{\infty}}}}}}}}}$ =Digging Deeper=

If you want to learn more

* view this page source (Ctrl+U?) * see also the simple animations example * see also the svg animations example * see my page on deck.js and contact me