【转】Google 推出中文版《浏览器和网络世界20大须知》
2011-06-14 19:32
519 查看
原文地址 ==> http://www.cnbeta.com/articles/145734.htm
Google Chrome团队所制作的《浏览器和网络世界20大须知》(简体中文版地址:http://www.20thingsilearned.com/zh-CN/home)网络图书,被誉为网络界奥斯卡的第十五届威比奖的教育、最佳视觉设计和最佳做法类别夺冠热门人选;最近更推出15种语言版本,包括繁体中文,让读者能快速认识浏览器和网络的基本常识,以及多种实用信息,相当值得阅读。
Google Chrome团队所制作的《浏览器和网络世界20大须知》网络图书,被誉为网络界奥斯卡的第十五届威比奖的教育、最佳视觉设计和最佳做法类别夺冠热门人选;最近更推出15种语言版本,包括繁体中文,让读者能快速认识浏览器和网络的基本常识,以及多种实用信息,相当值得阅读。
《浏览器和网络世界20大须知》(20 Things I Learned About Browsers and the Web)是Google Chrome团队于2010年底推出的网络图书,上周正式推出15种语言版本,包括繁体中文、简体中文、英文、法文、德文、荷兰文、意大利文、西班牙文、巴西葡萄牙文、捷克文、波兰文、俄文、日文、印度尼西亚文,以及菲律宾文,台湾网友终于也能有福同享。《浏览器和网络世界20大须知》内容滐@易懂,并邀请知名插画家Christoph Niemann穿插涂鸦绘图,增加阅读趣味,很适合作为入门的学习工具。
▲《浏览器和网络世界20大须知》首页。
▲以HTML5技术打造动态的翻书方式。
▲按下右下角左二的关灯切换杆,会进入阅读模式。
▲按下右下角的放大切换杆,会变成网页全屏幕的放大阅读模式。
▲下面有章节索引,可快速切换各章节。
▲按左上角目录一览,会列出所有章节。
▲上方可切换语言版本。
▲右上方有简易搜寻,可直接搜寻本书内容。
▲笔者随手翻了第七章《浏览器诗篇》,主旨是建议换上最新版本的浏览器,以利网络发展;对各家浏览器一视同仁的模样,并没有刻意推广Chrome。
你也可以打造自己的电子书由于采用了HTML 5技术制作,除了仿真实体书籍的阅读方式,并加入脱机阅读、简易搜寻、书签功能,以及关灯和放大的阅读模式。在 Google Code Blog 官方部落格中,也透露许多技术细节和各项功能;甚至佛心的释出开放原始码,让有兴趣的使用者可利用HTML 5、JavaScript和CSS来打造自己的网络书籍。
《浏览器和网络世界20大须知》所使用HTML5技术:
使用 HTML5 canvas element 打造动态的换页特效。换页动作包含阴影和亮点的部分,是透过JavaScript绘制在canvas,可参考 this HTML5rocks tutorial。
利用 Application Cache API ,让用户首次进入后具备脱机阅读功能。
以 Local Storage API 作为书签功能,用户回来后,可以进入上次离开时的页面。
哂History API 的特性。当你在翻页时,只有书的区块出现变化,而不是重载整个页面,所以感觉很流畅。但是网址列里的 URL 会跟着变化,所以你可以单独将某一页加入书签,而搜索引擎也能收录单一页面。
使用多种 CSS 3 的特性,如网页字体、动画、渐层和阴影等,提高视觉吸引力。如果你使用 Google 提供的开放原始码打造自己的电子书,欢迎在这里跟大家分享你的作品喔!
Google Chrome团队所制作的《浏览器和网络世界20大须知》(简体中文版地址:http://www.20thingsilearned.com/zh-CN/home)网络图书,被誉为网络界奥斯卡的第十五届威比奖的教育、最佳视觉设计和最佳做法类别夺冠热门人选;最近更推出15种语言版本,包括繁体中文,让读者能快速认识浏览器和网络的基本常识,以及多种实用信息,相当值得阅读。
Google Chrome团队所制作的《浏览器和网络世界20大须知》网络图书,被誉为网络界奥斯卡的第十五届威比奖的教育、最佳视觉设计和最佳做法类别夺冠热门人选;最近更推出15种语言版本,包括繁体中文,让读者能快速认识浏览器和网络的基本常识,以及多种实用信息,相当值得阅读。
《浏览器和网络世界20大须知》(20 Things I Learned About Browsers and the Web)是Google Chrome团队于2010年底推出的网络图书,上周正式推出15种语言版本,包括繁体中文、简体中文、英文、法文、德文、荷兰文、意大利文、西班牙文、巴西葡萄牙文、捷克文、波兰文、俄文、日文、印度尼西亚文,以及菲律宾文,台湾网友终于也能有福同享。《浏览器和网络世界20大须知》内容滐@易懂,并邀请知名插画家Christoph Niemann穿插涂鸦绘图,增加阅读趣味,很适合作为入门的学习工具。
▲《浏览器和网络世界20大须知》首页。
▲以HTML5技术打造动态的翻书方式。
▲按下右下角左二的关灯切换杆,会进入阅读模式。
▲按下右下角的放大切换杆,会变成网页全屏幕的放大阅读模式。
▲下面有章节索引,可快速切换各章节。
▲按左上角目录一览,会列出所有章节。
▲上方可切换语言版本。
▲右上方有简易搜寻,可直接搜寻本书内容。
▲笔者随手翻了第七章《浏览器诗篇》,主旨是建议换上最新版本的浏览器,以利网络发展;对各家浏览器一视同仁的模样,并没有刻意推广Chrome。
你也可以打造自己的电子书由于采用了HTML 5技术制作,除了仿真实体书籍的阅读方式,并加入脱机阅读、简易搜寻、书签功能,以及关灯和放大的阅读模式。在 Google Code Blog 官方部落格中,也透露许多技术细节和各项功能;甚至佛心的释出开放原始码,让有兴趣的使用者可利用HTML 5、JavaScript和CSS来打造自己的网络书籍。
《浏览器和网络世界20大须知》所使用HTML5技术:
使用 HTML5 canvas element 打造动态的换页特效。换页动作包含阴影和亮点的部分,是透过JavaScript绘制在canvas,可参考 this HTML5rocks tutorial。
利用 Application Cache API ,让用户首次进入后具备脱机阅读功能。
以 Local Storage API 作为书签功能,用户回来后,可以进入上次离开时的页面。
哂History API 的特性。当你在翻页时,只有书的区块出现变化,而不是重载整个页面,所以感觉很流畅。但是网址列里的 URL 会跟着变化,所以你可以单独将某一页加入书签,而搜索引擎也能收录单一页面。
使用多种 CSS 3 的特性,如网页字体、动画、渐层和阴影等,提高视觉吸引力。如果你使用 Google 提供的开放原始码打造自己的电子书,欢迎在这里跟大家分享你的作品喔!
相关文章推荐
- Google 推中文版《浏览器和网络世界20大须知》
- Google推出Picasa网络相册服务
- 【转】Google为什么推出自己的手机和浏览器
- Google推出Picasa网络相册服务
- Google中文版推出搜索结果翻译功能BETA版
- 网络视频任你搜 — Google(谷歌)推出视频搜索
- 利用google提高效率,改变你的网络世界
- [转]新闻一篇:Google推出Protocol Buffers:争夺网络时代数据格式
- google 也在推出自己的浏览器,但是为什么都在关心 private browsing mode.
- Google推出Protocol Buffers:争夺网络时代数据格式
- Google Print图书网络搜索测试推出
- google推出的浏览器很不错
- [Android开发常见问题-20] Android 网络通信框架Volley简介(Google IO 2013)
- 自己做网络地图:Google推出AJAX开发工具
- 为了让信息在网络世界传递,除了搜索,Google 还做了什么?
- 网络世界在某种程度上助长了人格的分裂
- Google Cloud Messaging for Android (GCM)已推出,将取代C2DM框架
- Google现已推出Android版Motion Stills
- Google推出语音本地搜索 与微软展开竞争
- Google的成功之道——引领“网络生存”的新型创新