【转】Google 推出中文版《浏览器和网络世界20大须知》

转载 2011年06月14日 19:32:00

原文地址  ==> 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 提供的开放原始码打造自己的电子书,欢迎在这里跟大家分享你的作品喔!
  • 相关文章推荐

    浏览器和世界20大须知

    • 2011年06月24日 22:22
    • 2.33MB
    • 下载

    为了让信息在网络世界传递,除了搜索,Google 还做了什么?

    文章出处:http://www.geekpark.net/topics/216518 众所周知,作为全世界最大的搜索引擎,也是全世界最大的互联网信息的集散地,Google 担...
    • HK_5788
    • HK_5788
    • 2016年08月25日 12:22
    • 137

    走进网络世界

    • 2013年06月26日 09:16
    • 281KB
    • 下载

    网络世界的法律——OSI

    开放系统互连参考模型 (Open System Interconnect 简称OSI)是国际标准化组织(ISO)和国际电报电话咨询委员会(CCITT)联合制定的开放系统互连参考模型,为开放式互连信息系...

    浅谈网络世界中的Power Law现象(一) 什么是Power Law

    Posted by Mr.Friday 这次系列的主题是网络世界里得Power Law。这个主题其实很不好写,因为这个数学模型在生活中随处可见,而且在不同得场合,不同得环境下,人民往往对这个现象有着...

    网络世界任我行,你懂的

    I have a dream,freedom!!! 大程序员怎么能少了谷歌呢? 给大家推荐一篇文章:点击开启自由之门...

    如何在网络世界中体现自主性

    网络有多强大?以前网络只是现实世界的补充。现在,在年轻人心目中,现实世界就快沦为网络世界的补充了。网络已经强势进攻了人类各个领域,可见其有多强大。 但是普通网民,作为网络生态链的末端,并非总能...
    • minyp
    • minyp
    • 2013年11月06日 17:05
    • 375

    改变网络世界的WebRTC要来了?!

    WebRTC是Web Real-Time Communication(网络实时通讯)的缩写,是一项在浏览器内部进行实时视频和音频数据通信的技术,有望成为HTML5标准之一。 WebRTC的这些特性可以...

    单例--网络世界的计划生育

    单例,一个进程空间中,一个类只能生成一个对象。 这里加了进程的概念,超出进程来讲单例,有没有意义?通常情况下是没有的。但我在扩展篇里会聊到一些特殊的单例。 最简单的实现,基本一行代码可以搞...

    关于浏览器和网络的20项须知-HTML5

    HTML5 或 “ 开始,还没有 的时候 ”。 在 HTML 诞生20多年后,我们仍在探究这样的问题:什么是网络?未来的网络会变成什么样?对于我们这些用户来说,什么样的功能和应用程序才是有趣、实...
    内容举报
    返回顶部
    收藏助手
    不良信息举报
    您举报文章:【转】Google 推出中文版《浏览器和网络世界20大须知》
    举报原因:
    原因补充:

    (最多只允许输入30个字)