[JS]CSS3アニメーションを使った3Dのプレゼン用スライドショーツール -reveal.js
jQueryなどの他のライブラリに依存せずに、ダイナミックな3Dのアニメーションでスライドするプレゼンテーション用のスクリプトを紹介します。
スライドの操作は、キーボードの矢印キー、下部のコントローラー、で行えます。
デモ：slide 2
ページ下部にはコントローラー。
他のスライドをネストすることも可能（コントローラーの下向き）。
デモ：slide 3
[スペース]キーでスライドのオーバービューを表示。
reveal.jsの主な特徴
reveal.jsは複数のパネルをダイナミックなスライドのアニメーションで表示することができます。
- 新しく改善されたスタイル。
- 下部にコントロールが可能なナビゲーション。
- 「highlight.js」を内包、コードのシンタックスハイライトに対応。
- トランジションのテーマはdefault/concave/linearの3つ。
- 他のスライドをネストすることも可能。
- 各パネルごとに直接アクセスが可能。
Post on:2012年1月11日
Comments
オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた. | TM Life
on 2012年1月12日
[...] JavaScript 昨日, コリスさんの記事で紹介されていた reveal.js [...]