【转载】HTML5开发的十个精彩应用

标签: HTML5 技术博文 HTML5热点关注 | 发表时间:2012-07-05 23:38 | 作者:HTML5研究小组
出处:http://www.mhtml5.com

HTML5未成熟 应用的时候,流媒体播放等一些精彩应用必须借助第三方软件才可以实现,比如Flash等。但是现在HTML5已经将其超过,它不但可以播放 视频和音频,而且还可以开发出各种网络在线应用程序,如标识的地理位置、离线存储、拖放、图片处理等。在这篇文章中,我们来看看最近国外的一些使用HTML5开发的网站。 请注意,您将需要一个支持HTML5的浏览器。

一、处理图片


本网站使用了HTML5的Canvas元素来创建一个图层列表,通过从图片库选择图片添加后,会新建一个新的图层,每一层都可以通过操纵将图片进行:移动、缩放、旋转、改变图层上下级、删除层、改变透明度、改变混合模式、启用或禁用的图片阴影。

二、图片编辑


百鸟居的HTML5的图片编辑器十分的非常方便快捷,可以说它将在线图片编辑革新化。 通过简单的上传和点击,任何人都可以通过互联网编辑精 美的图片,或者通过多层操作来执行简单的图层合并、单层编辑等功能。

三、待办事项

5List是一个使用HTML5、CSS3和j编写的记事本,利用了HTML5的功能,包括localStorage,它具有客户端数据库存储功能。通过5List,可将用户提交的待办数据保存到用户本地机器上。

四、拖拽图片上传


这个使用HTML5开发的图片上传功能,在Mozilla的Firefox3.6中测试通过,发现Firefox3.6支持HTML5的部分功能。 它支持将图片直接拖拽到浏览器进行上传。

五、谷歌吃豆子


这是谷哥为纪念吃豆子 游戏30周年,将网站首页换成此游戏LOGO而设计的!据说这个游戏255关,包括最后一关!

六、表单


一个非常有用的表单示例代码,使用HTML5开发,包含了常见的表单操作,它能将需要的表单字段进行验证、字段占位符、日期选择器和电子邮件验证等,可用于网页和 手机网页等具体领域。

七、图表


HumbleFinance是使用HTML5开发的数据可视化工具,如使用HTML5进行交互式数据图形演示,它可用于显示任何两个2-D的数据集。

八、在线幻灯片制作

此幻灯片展示了HTML5的localStorage和ContentEditable功能,应用十分丰富。简单的操作界面,利用CSS3功能,同时又保持较小的文件大小。它支持将内容“自动保存”到本地(通过localStorage),拥有增加、减少和主题更换操作

九、在线绘图


MURO是一个纯HTML5开发的在线绘图工具,它有两种模式:基本和专业,它们都免费使用。 MURO支持效果有滤镜、锐化工具和画笔,所有的操作在一个直观和简单的界面里进行,使用相当容易。

十、地理定位


这个Web应用程序会自动检测您所在的位置,然后使用谷歌地图返回附近的就业信息。 不过需要注意的是,它要求分享您浏览器所处的地址信息。
原文链接: http://cnbeta.com/articles/130992.htm

相关 [html5 开发 应用] 推荐:

jQuery Mobile开发HTML5移动应用

- - HTML5研究小组
随着移动互联世界的到来,目前已发展到多种移动 操作系统割据的局面,而开发者则急需要能运用原有的开发知识和技能,快速方便地构建移动应用程序,并期望能运行在不同的 手机操作平台上,比如Android,iOS,黑莓等. 而目前,出现了一批十分优秀的支持HTML5/CSS3的移动应用开发框架,其中最为大家熟悉的是jQuery Mobile框架(http:// jquerymobile.com),它可以让熟悉jQuery框架的开发者快速开发出基于HTML5的移动应用,而且直接通过 手机的浏览器即可浏览.

IBM收购HTML5应用开发商WorkLight

- - HTML5研究小组
北京时间1月31日晚间消息,IBM今日宣布,将收购以色列移动应用开发商WorkLight. WorkLight可帮助企业开发和传播HTML5、混合( hybrid)及本地应用,在确保完美的用户体验的前提下,极大地缩减上市时间、成本和复杂性. Worklight客户涵盖各个领域,金融、零售和保健等. 例如,Worklight可帮助一家银行开发一项应用,确保用户安全地访问其账户、支付账单和管理投资等,无论用户使用何种设备.

19个基于 HTML5 和 CSS3 开发的优秀应用程序

- Amo - HTML5研究小组
今天,本文向大家展示19个基于 HTML5 和 CSS3 开发的优秀应用程序. HTML5 可以说是近十年来 Web 标准最巨大的飞跃,它的使命是将 Web 带入一个成熟的应用平台,而 CSS3 同样给 WEB 开发带来了革命性的影响,以前很多需要 JavaScript 实现的复杂效果,现在使用简单的 CSS3 就能实现.

【转载】Javascript SDK:轻松开发HTML5应用的必备工具

- - HTML5研究小组
Javascript SDK:轻松开发HTML5应用的必备工具. annie 2012-05-31 16:03    1条评论. 运算平台  Parse最新发布Javascript SDK,有了它,开发HTML 5应用变得更加简单轻松. Parse 是由Y Coumbinator所孵化的 创业公司,开发者能够在上面创建自己的应用,Parse 更加专注于移动开发者.

PhoneGap:免费开源的 HTML5 移动应用开发平台

- - HTML5研究小组
PhoneGap 是一个免费开源的开发框架,让 Web 开发人员能够使用熟悉的 HTML,. JavaScript 构建跨平台的移动本地应用. 通过 PhoneGap 框架提供的 JavaScript API 能够以非常简单的方式调用移动设备的核心功能,包括地理位置,摄像头,加速器,通讯录,多媒体,文件和网络等功能.

新一代iPad应用开发:HTML5痛并快乐着!

- - HTML5研究小组
苹果新发布的iPad以其高分辨率赢得了消费者的青睐. 平板电脑的iOS 5.1 操作系统支持HTML 5数据存储,但不提供对HTML5的扩展支持,平板电脑的Web性能与iPad 2也相差无几. 类似的问题很多,多到我们不能称之为“挫折”,也没有人会觉得苹果来为新兴的Web标准提供一如既往的积极支持会有所反悔.

【转载】HTML5开发的十个精彩应用

- - HTML5研究小组
在 HTML5未成熟 应用的时候,流媒体播放等一些精彩应用必须借助第三方软件才可以实现,比如Flash等. 但是现在HTML5已经将其超过,它不但可以播放 视频和音频,而且还可以开发出各种网络在线应用程序,如标识的地理位置、离线存储、拖放、图片处理等. 在这篇文章中,我们来看看最近国外的一些使用HTML5开发的网站.

HTML5移动应用开发平台AppCan公测

- - 行业资讯
  编者按:HTML5专属时代正悄然来临,在这块角逐者众的竞技场,抢跑者无疑将更受瞩目. 3月6日,国内首个HTML5移动应用在线开发平台AppCan.cn正式公测,大家可以使用AppCan简单、快速、高效地开发HTML5移动应用. 之前在AppCan内测期间,小编初次体验EASY功能就大呼过瘾. 特意撰文一篇《如何在Android手机上开发出Android应用》,有许多开发者对此强烈关注,并且表示区区内测的1000个邀请码没有抢到.

HTML5开发的十大炫酷Web应用分享与推荐

- - HTML5研究小组
HTML5发展地如火如荼,本文将为大家重点分享基于HTML5开发的十大炫酷Web应用,帮助开发人员更好的领悟HTML5的强大之处,关于HTML5的更多信息,请参考专题:HTML5的应用与炫酷体验. Twimbow 是一个基于 HTML5 开发的 Web 应用,用于帮助用户管理他的社交网络,该应用色彩非常多样.

HTML5移动应用开发的12大特性

- - 极客521 | 极客521
1.离线缓存为HTML5开发移动应用提供了基础. HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开时恢复数据,以减少网络流量. 同时,这个功能算得上是另一个方向的后台“操作记录”,而不占用任何后台资源,减轻设备硬件压力,增加运行流畅性.