前端经验

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

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

image

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

你也许会喜欢: [开动大脑!20个顶尖的HTML5动画网站欣赏!]

Audio

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

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

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

BBC's Radiophonic Workshop recreations英国广播公司使用 HTML5 音频 API 创建的一个广播电台。

 年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Canvas

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

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

WebGL

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

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Cell Cycle

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Google's arms trade visualisation

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

WebRTC 和 getUserMedia

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

Webcam Displacement

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

headtrackr

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

工具和应用

Brackets

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Codepen.io

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Prism

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

HTML5 Boilerplate

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

学习资源

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Khan Academy computer science course

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

WebPlatform.org

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

HTML5 作为开发标准

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

Gov.uk

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

BarackObama.com

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Stripe

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

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Powered By Z-BlogPHP 1.5 Zero

Copyright webexp.cn Rights Reserved.

本站基于 阿里云服务器 + Ename域名 + Z-Blog 构建   |   站点地图   |   辽ICP备13003381号-4