Google与HTML5的那些事儿

如今各大浏览器都纷纷宣布已经或是计划支持HTML5技术,虽然支持的程度究竟怎么样现在还不好说,但是最给力的无疑就是Google的Chrome浏览器了。

(欢欣鼓舞的说,IE9也支持HTML5了,似乎还不错哟~ [给力]

似乎Google现在花了很多心思在HTML5上,估计是为了给力他的Chrome OS,为未来的“云”世界做好部署。

HTML5的Logo们

先说个最近的~吉他logo(去看看

2011年6月9日,谷歌换了个很有趣的logo,纪念美国电吉他大师莱斯·保罗诞辰96周年:

Google的吉他Logo

继它的涂鸦Logo,游戏Logo,视频Logo之后,这个Logo升级为乐器Logo,除了可以用鼠标滑动演奏外,点击Logo下的小键盘,还可以直接用键盘弹奏~并且支持在线录制,短连接分享~ [心] ~

这个Logo主要用了以下几种技术:

JavaScript、HTML5 Canvas (绘制吉他弦)、CSS(CSS Sprites)、Flash(声音)

 

还有几个久一点的:

气泡Logo去看看

当你的鼠标在Google首页的Logo上悬停时,它会变成缤纷的泡沫舞动,并且会随着鼠标不停变换。停止骚扰Google Logo后,这些四色泡泡才会慢慢归位,重新组成Google字样。(据说在米国,很多用户发现IE下Logo没有动态效果时,一气之下换用Chrome浏览器)

吃豆人Logo去看看

这个就最出名啦,第一个可以玩的Logo,经典的吃豆人游戏,还带经典游戏音效,我玩到了第三关~

在线读物

《关于浏览器和网络的20项须知》(去看看

使用HTML5 canvas element打造动态的换页特效;

利用Application Cache API,让用户首次进入后具备离线阅读功能。

以Local Storage API作为书签功能,用户回来后,可以进入上次离开时的页面。

History API,当你在翻页时,只有书的区块出现变化,而不是重载整个页面,所以感觉很流畅。但是网址列里的URL会跟着变化,所以你可以单独将某一页加入书签,而搜索引擎也能收录单一页面。

使用多种CSS3的特性,如网页字体、动画和阴影等,提高视觉吸引力。

Google 发布基于 HTML 5 打造的网络技术在线读物

 

游戏

Quake II(雷神之锤2)

利用Google Web Toolkit中的WebGL, WebSockets开发出了强大的跨平台游戏,并且在一台笔记本上运行的帧速高达30。

不过为啥我翻墙之后还是打不开捏?????(传送门

 

实时通讯

WebRTC:这是一个可让网友之间通过音频和视频实时交流的开放工程,只要是支持Real-Time Communications (RTC)的浏览器都可实现实时音频和视频聊天

Chrome、Firefox和Opera未来都将支持WebRTC。暂时是开发者预览版,据说将作为第三方软件入驻 Chromium,估计不久就能看到啦~

更多?

其实Google已经在它的很多产品中融入了HTML5的元素,例如YouTube可用HTML5来播放视频,Google Doc、Gmail也都开始出现html5的身影了。

下面这个是Google在V8 JavaScript、HTML5应用程序的展现平台,不过需要一点“穿墙术”~ [偷笑] ~

http://www.chromeexperiments.com/

这个网站的logo下面有句标语:Not your mothor’s JavaScript. 这句话有意思~

里面那个ro.me真是把我吓到啦,那3D效果太牛逼了~

题外话:最近有传闻,Windows 8 除了可以用微软传统的方式开发应用之外,还可以用 HTML5 +JS进行开发。你说,HTML5能不让人期待吗?

看来,Silverlight、Flash、HTML5三足鼎立的局面,要开始转变了~

 

我说:很好奇JavaScript的未来。

发布者

Rolf

伪文艺IT攻城师,热爱前端,热爱互联。

《Google与HTML5的那些事儿》有1个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

[喜欢] [嘻嘻] [奋斗] [问号] [鼓掌] [泪] [酷] [强] [耶] [握手] [心] [给力] [神马] [围观] [奥特曼] more »