How to make a HTML5-based presentation

HTML5ベースのプレゼンがはやってるみたいなので,どうやって実現しているか(とそのフレームワーク)を調査.

HTML5-based presentationならアニメーションをAdobe Edge Animateで簡単に作れる.(http://therichwebexperience.com/blog/terry_ryan/2012/10/add_edge_animate_compositions_to_reveal_js

CSS3アニメーションの参考サイト

(http://webkikaku.co.jp/staff/htmlcss/css3animation/)

Animate.css

(http://daneden.github.io/animate.css/)

reveal.jsを使ったプレゼンの簡単なイントロ

(http://webbeginner.hatenablog.com/entry/2014/03/30/012720)

日本語フォントの設定例

(http://g-azami.tumblr.com/post/76447906591/a-2014-edition-japanese-css-font-family-set)

ちなみに,reveal.jsで日本語をメイリオ,英語をMyriad Proにしたいなら,使用しているテーマ(例えば,css/theme/black.css)でfont-familyを検索して,

font-family: 'Source Sans Pro', Helvetica, sans-serif;

のところを

font-family: Myriad Pro, Meiryo, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;

に書き換えると良い.(2箇所)