年度盛宴——2012年排名前20的 HTML5 应用和网站作品

  过去的2012年,Web 领域有众多新变化:HTML5 将在2014年成为推荐标准;W3C 任命了4位新编辑来管理 HTML5 规范并托管到 Github 上面;WHATWG 继续致力于活动的 HTML 标准(Living Standard)。

 

  这一年,响应式设计和 Twitter Boostrap 引导了主流;微软发布了 IE10,Chrome 和 Firefox 都新发布了7个版本;这一年,众多优秀的网页设计作品涌现出来。这篇文章精心挑选了2012年排名前20的 HTML5 网站,相信这些优秀网站能够带给你惊喜。

Audio

音频在这一年有了显著的进展,随着越来越多的浏览器支持,未来我们就能够在浏览中听到美妙的声音了。

JAM with Chrome

这个应用基于 HTML5 Audio 特性实现,可以和朋友进行在线合奏表演。

有各种各样的乐器可以选择,还可以调整声音模式和难易程度,真的非常强大!

The Rational Keyboard

这是一个神奇的网站,可以弹奏音乐的网站,赶紧来体验一下吧!

BBC's Radiophonic Workshop recreations

英国广播公司使用 HTML5 音频 API 创建的一个广播电台。

 

Canvas

Canvas 可以说是 HTML5 最强大的功能之一,给网页游戏的开发带来了革命性的变化。

X-Type

基于 Impact JS 框架构建的一款射击游戏,效果非常绚丽!

Subbania

这是 Chrome Store 上面的一款游戏,功能比较简单。

WebGL

这又是一个尖端领域,性能和稳定性正在稳步增加 。

HexGL

相信很多人看到这个会觉得眼熟,不错!这是类似《反重力赛车》的一个 WebGL 应用。

Cell Cycle

这是另一个基于 WebGL 的Web应用,用于设计有机的艺术品和珠宝首饰的 3D 打印。

Google's arms trade visualisation

由 Google 开发,展示各个国家质检军火贸易的 WebGL 应用。

 

WebRTC 和 getUserMedia

  WebRTC 是一项在浏览器内部进行实时视频和音频通信的技术,提供了视频会议的核心技术,包括音视频的采集、编解码、网络传输、显示等功能,并且还支持跨平台。

Webcam Displacement

打开摄像头,你就能在这个网页中看到自己了。

headtrackr

一个脸部和头部跟踪的应用,通过 webRTC/getUserMedia 标准来实现的。

 

工具和应用

Brackets

Brackets 的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等,Brackets 值得你试试。

Codepen.io

非常强大的在线编辑器,比众所周知的 JSFiddle 还碉堡! 可以使用 Markdown, Haml, Slim, Less, Sass 和 CoffeeScript 在线编写。

Prism

这是一个轻量的 JavaScript 代码高亮库,使用了 web workers 来改进性能。

HTML5 Boilerplate

最流行的前端模板——HTML5 Boilerplate,相信前端开发人员都知道。

学习资源

Responsive Images Community Group

一个由开发者组成的工作小组,致力于实现基于标签的响应式图片。

Khan Academy computer science course

这个网站提供了很多的计算机方面的教程,各个方面的都有。

WebPlatform.org

这个网站整合了来自业界 Adobe、Facebook、Google、HP、Microsoft、Nokia、Mozilla 和 Opera 的文档资源,在 W3C 的领导下创建了一个标准化的 Web 开发文档分享仓库,方便开发人员编写符合标准且具备良好跨浏览器兼容性的 Web 应用。

 

HTML5 作为开发标准

已经有很多前沿的公司采用 HTML5 来作为默认的开发标准,下面三个网站是其中的优秀案例。

Gov.uk

政府网站,提供所有的政府服务和信息的访问。即使是政府领域的一个项目,它的开发团队仍然决定使用 HTML5。

BarackObama.com

这个网站可以说是奥巴马在总统竞选中获胜的秘密武器。基于 HTML5 Boilerplate 建立。

Stripe

HTML5 同样也是这个网站的开发标准,使用 sessionStorage 缓存数据,用 postMessage 与服务端通信。

 

本文地址:年度盛宴:2012年排名前20的 HTML5 应用和网站

文章来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

posted @ 2013-01-22 10:33  梦想天空(山边小溪)  阅读(13675)  评论(20编辑  收藏  举报