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箇所)