Cook up presentations with jekyll_and_hyde

Jingwen Owen Ou

@JingwenOwenOu

http://owenou.com

29 January 2011

Creative Commons License

What?

jekyll_and_hyde => (jekyll + slippy)

  1. a simple HTML presentation generator
  2. generates a basic jekyll scaffold with slippy hooking up

Jekyll

  1. a blog aware static site generator
  2. powering GitHub Pages
  3. markdown/textile in, html out

How Jekyll Works?

Slippy

  1. a HTML presentation library written with jQuery
  2. takes a html file in and plays it in any browser
  3. [Left]/[Right] arrows to move, [Space] or [Double Click] to go to next slide, [ESC]/[Del]/[Tab] to overview, [0-9] keys followed by [Enter] to go straight to one slide

Pondering

Jekyll: Markdown or Textile => HTML

Slippy: HTML => Presentations on browsers

Pondering

Jekyll + Slippy = ?

Introducing jekyll_and_hyde

Light-bulbs

Why?

Simplicity

Textmate

Why?

proven best practise ever

Why Jekyll?

Why?

presents everywhere

Why Slippy?

Why?

trend and geek :-)

Geeky?

How?

Installation:

> gem install jekyll_and_hyde

Generation:

> jh new my_slides
> cd my_slides
> jh generate first-slide

Other tasks:

> jh github
> jh list [SEARCH]
> jh help [TASK]

Learning More

Source code: https://github.com/jingweno/jekyll_and_hyde

Screencast: http://vimeo.com/jingwenowenou/cook-up-presentations-with-jekyllandhyde

Wiki: https://github.com/jingweno/jekyll_and_hyde/wiki

Issue: https://github.com/jingweno/jekyll_and_hyde/issues

Jekyll: https://github.com/mojombo/jekyll

Slippy: https://github.com/Seldaek/slippy

Thank you!

Any question?

Ping me on Twitter @JingwenOwenOu