close

還記得前一陣子有人在玩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.

 

 

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 ccas 的頭像
    ccas

    昆蟲_不在意

    ccas 發表在 痞客邦 留言(0) 人氣()