Google IO 2012年 HTML5 的投影片套件

标签: News-Application google html5 open source ppt | 发表时间:2013-08-12 17:33 | 作者:Tsung
分享到:
出处:http://blog.longwin.com.tw

GoogleIO 2012年演講時, 使用的投影片是 HTML5 寫的, 有 Open Source 出來可以讓大家修改使用. (線上 Demo 可見: Title Goes Here Up To Two Lines)

註: 如果想要製作 + 即時預覽, 建議安裝 gem、compass 來操作修改, 會比較方便. 不然直接 cp 套件的 js / css 也是可以使用.

Google IO 2012年 HTML5 的投影片套件

Google 2012年 HTML5 的投影片套件官方網址: HTML5 slide template for Google I/O 2012

Google IO HTML5 投影片套件 直接使用的方式

  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 , 就可以開始執行.

Google IO HTML5 投影片套件 使用 gem、compass 製作修改

  1. sudo gem update --system # 此行在 Debian、Ubuntu 無法執行.(使用 APT 升級)
  2. sudo gem install compass
  3. git clone https://code.google.com/p/io-2012-slides/
  4. cd io-2012-slides
  5. # 修改 scss 即時更新 css 檔, 可執行下述 daemon
  6. compass watch
  7. compass watch -s expanded
  8. 此時開啟 io-2012-slides/template.html 就可以邊改邊看了.

若是在外面 Demo, 可以開啟本機 Web server 來執行, 讓外部電腦連來使用此投影片. (本機直接開啟 local template.html 就可以執行了)

  • $ ./serve.sh # 預設 8000
  • $ ./serve.sh 8080 # 使用 8080 port
  • 註1: 此套預設 template 於 IE 執行時, 位置會有些跑掉. (Chrome、Firefox 都一切正常)
  • 註2: 如果有換頁特效, 要整個重新報告前, 要記得 reload page, 否則跑過一次後, 換頁特效會消失, 會變成全部直接顯示.

 

 

The post Google IO 2012年 HTML5 的投影片套件 appeared first on Tsung's Blog.

相关 [google io html5] 推荐:

Google IO 2012年 HTML5 的投影片套件

- - Tsung's Blog
GoogleIO 2012年演講時, 使用的投影片是 HTML5 寫的, 有 Open Source 出來可以讓大家修改使用. (線上 Demo 可見: Title Goes Here Up To Two Lines). 註: 如果想要製作 + 即時預覽, 建議安裝 gem、compass 來操作修改, 會比較方便.

关于Google IO 2015,你必须知道的9件事

- - PingWest品玩
1 Google 正式发布Android M, 提升用户体验. 今天的大会开始,Google 公司发布了 Android M. 新的Android系统有了很大用户体验上的提升,主要体现在 App 权限管理,网页体验,App关联,Android Pay 支付功能,指纹识别以及续航能力上的改进. Android M 预览版本将于今天发布,首批支持设备包含Nexus 5、6、9 等.

Google Swiffy把Flash变成HTML5

- Caiwangqin - 36氪
由于Flash被苹果拒之门外,很多开发者在开发产品时都不得不在Flash和HTML5之间做出选择. 今天Google发布的一个新工具让天平再次偏向HTML5这边,它就是Swiffy. Swiffy可以把Flash文件转换成HTML5标准. 该项目源于Google移动广告团队,开发动机就是有些设备不支持Adobe的格式,因此无法显示Flash动画.

Google发布chrome HTML5应用

- Amom - Solidot
游戏番茄 写道 "早在5月份Google就宣布旗下产品Gmail、Calendar、Docs将支持基于HTML5离线的访问. 如今终于实现了,上述Web服务以应用的方式发布在Chrome商店. 现在进入相关产品页面会提示是否开启离线功能,并引导安装离线版产品应用. 安装后启动新的chrome窗口会显示已安装的新应用,这样即使你离线的情况下,你仍然可以正常访问和使用已经保存在本地数据库的内容.

物理IO与逻辑IO

- - 操作系统 - ITeye博客
IO性能对于一个系统的影响是至关重要的. 一个系统经过多项优化以后,瓶颈往往落在数据库;而数据库经过多种优化以后,瓶颈最终会落到IO. 而IO性能的发展,明显落后于CPU的发展. Memchached也好,NoSql也好,这些流行技术的背后都在直接或者间接地回避IO瓶颈,从而提高系统性能. 上图层次比较多,但总的就是三部分.

Google 的 HTML5 投影片用 Template

- 董玉伟 - Tsung's Blog
我喜歡將投影片作成 HTML, 主要是任何環境都可以讀取、修改, 做起來也快.. 之前都使用 S5, Google 最近公開一套可以使用 - html5slides - A Google HTML5 slide template.. Demo: html5slides Presentation (可以 左右鍵 切換下一頁, F5 Reload, F11 全螢幕).

linux异步IO浅析

- Sepher - kouu's home
知道异步IO已经很久了,但是直到最近,才真正用它来解决一下实际问题(在一个CPU密集型的应用中,有一些需要处理的数据可能放在磁盘上. 预先知道这些数据的位置,所以预先发起异步IO读请求. 等到真正需要用到这些数据的时候,再等待异步IO完成. 使用了异步IO,在发起IO请求到实际使用数据这段时间内,程序还可以继续做其他事情).

java nio和io的比较

- - 互联网 - ITeye博客
第一部分:简单介绍NIO.     服务器在合理时间内处理大量客户机的请求的能力取决于服务器使用I/O流的效率,同时为成百上千的客户提供服务的服务器必须能并发的使用I/O服务.     用Java语言写的服务器,由于其线程与客户机之比几乎是一比一,因而易受到大量线程开销的影响,其结果是即导致性能问题,又缺乏伸缩性.

Google 新发布 Gmail HTML5 Chrome 应用,支持离线使用

- pestwave - 36氪
Google 很早之前曾通过 Gears 提供过离线访问 Gmail, 日历和文档的功能,但是 Gears 已经不再被支持,今天,Google 宣布,通过 HTML5 Chrome Web 应用,他们重建了对这些服务的离线访问. Gmail 离线访问今天就可以使用,日历和文档会在接下来几周内依次推出.

不必學語法!Google 幫你把 Flash 轉成 HTML5

- Rei - T客邦
儘管 iPhone、iPad 不斷推陳出新,但是這些 iOS 的裝置,還是堅持不支援 Flash 的 swf 格式檔. 幸好 Flash 所能呈現的效果,HTML5 格式也幾乎都能支援. 貼心的 Google 提供了 Swiffy 轉檔功能,幫我們把 Flash 直接轉成 HTML5. 官方網址:http://swiffy.googlelabs.com.