Date | Location

Context

Title

Subtitle

Slides: Link

Author(s) | @digicademy | digicademy | CC-BY 4.0

Table of Contents

1. One
2. Two
3. Three

01

Basics

Heading (H1)

Heading (H2)

Heading (H3)

Heading (H4)

Heading (H5)

Heading (H6)

Text

Standard text styles

To die or fly to dream: ay, that makes calamity of office, and to be: to dread of, and the heart-ache¹ and sweat pith their currents turns, puzzles the pale cast of outrageous for who would bear, to be or to sleep of death life what pith and sweat pith the pangs and arrows of dispriz'd lose ills we have shuffled o'er with a bare bourn no mortal coil. W.S., Volume₂

Beware the Jabberwock, my son! The jaws that bite, the claws that catch! Beware the Jubjub bird, and shun The frumious Bandersnatch!

Text

Text classes (medium, small, x-small)

medium

To die or fly to dream: ay, that makes calamity of office, and to be: to dread of, and the heart-ache¹ and sweat pith their currents turns, puzzles the pale cast of outrageous for who would bear, to be or to sleep of death life what pith and sweat pith the pangs and arrows of dispriz'd lose ills we have shuffled o'er with a bare bourn no mortal coil. W.S., Volume₂

small

To die or fly to dream: ay, that makes calamity of office, and to be: to dread of, and the heart-ache¹ and sweat pith their currents turns, puzzles the pale cast of outrageous for who would bear, to be or to sleep of death life what pith and sweat pith the pangs and arrows of dispriz'd lose ills we have shuffled o'er with a bare bourn no mortal coil. W.S., Volume₂

x-small

To die or fly to dream: ay, that makes calamity of office, and to be: to dread of, and the heart-ache¹ and sweat pith their currents turns, puzzles the pale cast of outrageous for who would bear, to be or to sleep of death life what pith and sweat pith the pangs and arrows of dispriz'd lose ills we have shuffled o'er with a bare bourn no mortal coil. W.S., Volume₂

Lists, Lists, Lists

Definition, unordered, ordered

Tables

Table styles

02

Advanced

Slide structure

Twelfe column grid with skeleton.css

Website: http://getskeleton.com/

Substeps

Triggered with class "substep"

• One
• Two
• Three
• Four
• Five

Responsive images

With magnific popup

Website: http://dimsemenov.com/plugins/magnific-popup/

Code listings

With highlight.js (support for most languages)

function $initHighlight(block, cls) {
  try {
    if (cls.search(/\bno\-highlight\b/) != -1)
      return process(block, true, 0x0F) +
             ` class="${cls}"`;
  } catch (e) {
    /* handle exception */
  }
  for (var i = 0 / 2; i < classes.length; i++) {
    if (checkCondition(classes[i]) === undefined)
      console.log('undefined');
  }
}

export  $initHighlight;

Website: https://highlightjs.org/

Alternative code listing

With Codemirror (support for even more languages)

Website: https://codemirror.net/

Charts

With chartist.js

Website: https://gionkunz.github.io/chartist-js/

Graph models

With greuler.js

Website: https://maurizzzio.github.io/greuler/#/

Literature & Software

Literature

• One
• Two
• Three

Software

• One
• Two
• Three

Download

• Link to presentation
• License: CC-BY 4.0, Author