Google IO 2012年 HTML5 的投影片套件

标签: News-Application google html5 open source ppt | 发表时间:2013-08-13 01: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 全螢幕).

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

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

Android 阻挡了 Google 拥抱 HTML5 的步伐?

- 橙子 - 爱范儿 · Beats of Bits
Strobe 是一个为移动应用构建提供开源框架的初创公司. 该公司负责商业开发的高级副总裁 Matt Asay 曾是 Canonical(发行 Ubuntu 的公司)的首席运营官, 也曾担任过 Alfresco 公司的副总裁,在开源领域有着 10 多年的经验. Matt Asay 在 The Register 网站有个两周一次的专栏“开放……和封闭”(Open… and Shut),专注于软件开发中的开放和封闭之争.

迈向HTML5的路上,苹果扯了一下Google的蛋

- Hans - cnBeta.COM
如果可以有一家公司在移动互联网领域击败苹果,那么应该只有Google. 苹果对本地应用的死忠正是web之王Google的矛头所指. 一份分析指出,web和html5将在接下来的四年里面将苹果的经营利润削掉30%,因为应用开发者们正在开发跨设备的基于浏览器的应用.

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

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