Firefoxでプレゼン - Presentacular と Autohide
2005年10月27日 10:55 p.m.
Linux
質問を受けたので。発表資料は、Presentacularを使って作りました。XHTML + CSS + JavaScriptでスライドショーを作れるS5に、アニメーション効果を加えたものです。ブラウザさえあれば見れるので、プレゼン資料をそのままWebで公開するのに最適です。
・サンプル
使い方ですが、HTMLソースを見てもらえれば分かると思うのですが、index.htmlに全ての内容を記述します。<div class="slide"></div> でくくった部分が1枚のスライドになります。アニメーションを設定する場合は、タグのclass属性で効果を設定します。例えばこんな感じで、"shake"と指定するとその部分が左右にシェイクされるような効果になります。
<p class="shake">ブギーな胸騒ぎ</p>
それから、Firefoxを使ってプロジェクターに表示する場合は、F11キーを押すと全画面表示になるのですが、そのままだとアドレスバーとかタブバーが表示されたままになってしまいます。これだと格好悪いので、Autohideという拡張プラグインをインストールします。すると、カーソルを画面上に持って行った場合だけ、ナビゲーションツールバーが表示されるようになるので、かっちょいいです。
# ちょうどTracと色合いも合っていたのでテンプレートはそのまま使いました。
参考リンク：
Ajax パワーポイント Presentacular (秋元@サイボウズ研究所プログラマーBlog)
perm link: http://yamashita.dyndns.org/blog/340/
