HTMLベースで作成できるプレゼン用スライドのまとめ
Post on:2011年7月27日
ブラウザでスライドを表示し、HTMLベースで作成できるプレゼンテーション用のスライドを簡単な操作方法と合わせて紹介します。
![デモのキャプチャ](/wp-content/uploads-2011-2d/2011072704-01.png)
html5slides - A Google HTML5 slide template
デモページ
HTML5で実装されたスライド。
進む:スペース、Enter、矢印右
戻る:Back Space、矢印左
フルスクリーン:F11
![デモのキャプチャ](/wp-content/uploads-2011-2d/2011072704-02.png)
HTML5+CSS3で実装されたスライド。
進む:矢印左
戻る:矢印右
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011-2d/2011072704-06.png)
HTML5で実装されたスライド。
プレゼンテーションモード:Enter
解除:Esc
進む:スペース、矢印右
戻る:矢印左
![デモのキャプチャ](/wp-content/uploads-2011-2d/2011072704-10.png)
HTML5 3D effect caroussel presentation
HTML5で実装されたスライド。
進む:矢印右
戻る:矢印左
拡大:矢印上
縮小:矢印下
![デモのキャプチャ](/wp-content/uploads-2011-2d/2011072704-03.png)
pure CSSで実装されたスライド。
操作:マウスクリック
![デモのキャプチャ](/wp-content/uploads-2011-2d/2011072704-07.png)
CSS3で実装されたスライド。
進む:矢印右
戻る:矢印左
![デモのキャプチャ](/wp-content/uploads-2011-2d/2011072704-08.png)
CSSで実装されたスライド。
進む:矢印右・下
戻る:矢印左・上
先頭:Home
最後:End
[ad#ad-2]
![デモのキャプチャ](/wp-content/uploads-2011-2d/2011072704-09.png)
jQueryで実装されたスライド。
進む:矢印右、スペース、ダブルクリック
戻る:矢印左
サムネイル:Esc、Tab、Delete
![デモのキャプチャ](/wp-content/uploads-2011-2d/2011072704-04.png)
jQuery Presentation Plugin: Say NO to Keynote!
デモページ
jQueryで実装されたスライド。
進む:スペース、Enter、矢印右
戻る:矢印左
![デモのキャプチャ](/wp-content/uploads-2011-2d/2011072704-05.png)
jQueryで実装されたスライド。
進む:矢印右
戻る:矢印左
sponsors