オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた.

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Pocket

昨日, コリスさんの記事で紹介されていた reveal.js に一目惚れしてしまったので使い方をまとめてみました.

reveal.js の使い方を reveal.js を使って解説しています. 簡単にオシャレでシンプルなプレゼンを作れるのでぜひ遊んでみてください.

追記: 『reveal.jsベースのプレゼンをWeb上で作れちゃうオンラインエディタ『rvl.io』の使い方をrvl.ioを使って解説してみた』というエントリーを公開しました. とても便利なので, よかったらこちらも参考にしてくださいな♪

http://tmlife-storage.googlecode.com/svn/trunk/reveal.js-guide/index.html#/

Sample

reveal.js を解説しているサンプルはこちらです.

また, 最小サンプルも作ってみました.(こちら)

Download

今回制作したサンプルはこちらでダウンロードできます.

index.html が 解説しているサンプル, sample.html が最小サンプルになります.

これといってリファレンスもなかったので直接 js と css を見ながら作りました. なのでそんなに間違いはないかなと思います.

Reveal.js の製作者である Hakim EI Hattab さんは他にも色々と面白い作品を作っているので ぜひ見てみてください.(こちら)

オレもこういうの作って暮らしたいなぁ~. ザ・クリエイティブって感じ♪

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。

COMMENT