HTML5 投影片

還記得前一陣子有人在玩html5的支援測試

其中最強大的就是多拉a夢測試頁了，誰可以想到多拉a夢這麼簡簡單單的就畫了出來

http://slides.html5rocks.com/#rounded-corners

其實這一篇還沒有要開始弄

但覺得這似乎很有潛力，比起Google Presentation似乎還要好上很多。

 

Google的 html5 網頁：這是在2012年Google IO上面用的投影片
http://www.htmlfivewow.com/slide1

 

當初看了只覺得很酷，不過現在已經有套件了：

https://code.google.com/p/io-2012-slides/

找個時間來研究怎麼寫

網路上看到的開啟方式：

-----------------------

1. git clone https://code.google.com/p/io-2012-slides/


2. mkdir slides


3. cd io-2012-slides


4. cp -r images js slide_config.js template.html theme ../slides


5. 瀏覽器打開 ../slides/template.html , 就可以開始執行

----------------------

 

另外也有一些比較有趣的設備可以幫助寫投影片 (畢竟自己作投影片常常會用到一些特效~~不大可能一個方法走完)，不需要一直寫template，到時候整個研究完後再一起寫上來。

當然，這麼有趣的東西，也覺對不是只有google在研究的

http://www.sitepoint.com/5-free-html5-presentation-systems/  裡面介紹了數個使用html5作presentation的產品

大家有興趣可以自己研究、挑一個比較喜歡的套件來使用。

 

 

 

其他HTML5的教學：

http://slides.html5rocks.com/#landing-slide

http://www.htmlfivewow.com/slide1

註：最好使用Google Chrome 的最新版本 或是Firefox新版會有比較好的support.