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

2024-04-11 21:18

本文主要是介绍年度盛宴——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 与服务端通信。

原文地址:http://www.cnblogs.com/lhb25/archive/2013/01/22/top-20-html5-sites-2012.html

这篇关于年度盛宴——2012年排名前20的 HTML5 应用和网站作品的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/895201

相关文章

将Python应用部署到生产环境的小技巧分享

《将Python应用部署到生产环境的小技巧分享》文章主要讲述了在将Python应用程序部署到生产环境之前,需要进行的准备工作和最佳实践,包括心态调整、代码审查、测试覆盖率提升、配置文件优化、日志记录完... 目录部署前夜:从开发到生产的心理准备与检查清单环境搭建:打造稳固的应用运行平台自动化流水线:让部署像

vue解决子组件样式覆盖问题scoped deep

《vue解决子组件样式覆盖问题scopeddeep》文章主要介绍了在Vue项目中处理全局样式和局部样式的方法,包括使用scoped属性和深度选择器(/deep/)来覆盖子组件的样式,作者建议所有组件... 目录前言scoped分析deep分析使用总结所有组件必须加scoped父组件覆盖子组件使用deep前言

VUE动态绑定class类的三种常用方式及适用场景详解

《VUE动态绑定class类的三种常用方式及适用场景详解》文章介绍了在实际开发中动态绑定class的三种常见情况及其解决方案,包括根据不同的返回值渲染不同的class样式、给模块添加基础样式以及根据设... 目录前言1.动态选择class样式(对象添加:情景一)2.动态添加一个class样式(字符串添加:情

Linux中Curl参数详解实践应用

《Linux中Curl参数详解实践应用》在现代网络开发和运维工作中,curl命令是一个不可或缺的工具,它是一个利用URL语法在命令行下工作的文件传输工具,支持多种协议,如HTTP、HTTPS、FTP等... 目录引言一、基础请求参数1. -X 或 --request2. -d 或 --data3. -H 或

在Ubuntu上部署SpringBoot应用的操作步骤

《在Ubuntu上部署SpringBoot应用的操作步骤》随着云计算和容器化技术的普及,Linux服务器已成为部署Web应用程序的主流平台之一,Java作为一种跨平台的编程语言,具有广泛的应用场景,本... 目录一、部署准备二、安装 Java 环境1. 安装 JDK2. 验证 Java 安装三、安装 mys

Python中构建终端应用界面利器Blessed模块的使用

《Python中构建终端应用界面利器Blessed模块的使用》Blessed库作为一个轻量级且功能强大的解决方案,开始在开发者中赢得口碑,今天,我们就一起来探索一下它是如何让终端UI开发变得轻松而高... 目录一、安装与配置:简单、快速、无障碍二、基本功能:从彩色文本到动态交互1. 显示基本内容2. 创建链

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

java中VO PO DTO POJO BO DO对象的应用场景及使用方式

《java中VOPODTOPOJOBODO对象的应用场景及使用方式》文章介绍了Java开发中常用的几种对象类型及其应用场景,包括VO、PO、DTO、POJO、BO和DO等,并通过示例说明了它... 目录Java中VO PO DTO POJO BO DO对象的应用VO (View Object) - 视图对象

Go信号处理如何优雅地关闭你的应用

《Go信号处理如何优雅地关闭你的应用》Go中的优雅关闭机制使得在应用程序接收到终止信号时,能够进行平滑的资源清理,通过使用context来管理goroutine的生命周期,结合signal... 目录1. 什么是信号处理?2. 如何优雅地关闭 Go 应用?3. 代码实现3.1 基本的信号捕获和优雅关闭3.2