软件工程师-10个html5精彩应用设计案例

软件工程师-10个html5精彩应用设计案例

ID:26445045

大小:122.52 KB

页数:6页

时间:2018-11-27

软件工程师-10个html5精彩应用设计案例_第1页
软件工程师-10个html5精彩应用设计案例_第2页
软件工程师-10个html5精彩应用设计案例_第3页
软件工程师-10个html5精彩应用设计案例_第4页
软件工程师-10个html5精彩应用设计案例_第5页
资源描述:

《软件工程师-10个html5精彩应用设计案例》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、星期八职场经验网(http://www.xingqiba.com) 【现成经验助你快速完成工作】10个HTML5精彩应用设计案例现在我们已经可以使用HTML5开发出网络在线应用程序,在这篇文章中,我们来看看最近国外的一些使用HTML5开发的网站,您将需要一个支持HTML5的浏览器。AD:在HTML5未成熟应用的时候,流媒体播放等一些精彩应用必须借助第三方软件才可以实现,比如Flash等。但是现在HTML5已经将其超过,它不但可以播放视频和音频,而且还可以开发出各种网络在线应用程序,如标识的地理位置、离线存储、拖放、图片处理等。在这篇文章中,我

2、们来看看最近国外的一些使用HTML5开发的网站。请注意,您将需要一个支持HTML5的浏览器。一、处理图片网址:http://radikalfx.com/files/collage/demo.html本网站使用了HTML5的Canvas元素来创建一个图层列表,通过从图片库选择图片添加后,会新建一个新的图层,每一层都可以通过操纵将图片进行:移动、缩放、旋转、改变图层上下级、删除层、改变透明度、改变混合模式、启用或禁用的图片阴影。二、图片编辑星期八职场经验网(http://www.xingqiba.com) 【现成经验助你快速完成工作】网址:htt

3、p://www.aviary.com/html5editor百鸟居的HTML5的图片编辑器十分的非常方便快捷,可以说它将在线图片编辑革新化。通过简单的上传和点击,任何人都可以通过互联网编辑精美的图片,或者通过多层操作来执行简单的图层合并、单层编辑等功能。三、待办事项网址:http://10k.aneventapart.com/Uploads/58/5List是一个使用HTML5、CSS3和JavaScript编写的记事本,利用了HTML5的功能,包括localStorage,它具有客户端数据库存储功能。通过5List,可将用户提交的待办数据保存

4、到用户本地机器上。四、拖拽图片上传星期八职场经验网(http://www.xingqiba.com) 【现成经验助你快速完成工作】网址:http://demos.hacks.mozilla.org/openweb/imageUploader/这个使用HTML5开发的图片上传功能,在Mozilla的Firefox3.6中测试通过,发现Firefox3.6支持HTML5的部分功能。它支持将图片直接拖拽到浏览器进行上传。五、谷歌吃豆子网址:http://html5games.net/game/google-pacman/这是谷哥为纪念吃豆子游戏30

5、周年,将网站首页换成此游戏LOGO而设计的!据说这个游戏255关,包括最后一关!六、表单星期八职场经验网(http://www.xingqiba.com) 【现成经验助你快速完成工作】网址:http://thinkvitamin.com/code/fun-with-html5-forms/一个非常有用的表单示例代码,使用HTML5开发,包含了常见的表单操作,它能将需要的表单字段进行验证、字段占位符、日期选择器和电子邮件验证等,可用于网页和手机网页等具体领域。七、图表网址:http://www.humblesoftware.com/financ

6、e/indexHumbleFinance是使用HTML5开发的数据可视化工具,如使用HTML5进行交互式数据图形演示,它可用于显示任何两个2-D的数据集。八、在线幻灯片制作星期八职场经验网(http://www.xingqiba.com) 【现成经验助你快速完成工作】网址:http://10k.aneventapart.com/Uploads/143/此幻灯片展示了HTML5的localStorage和ContentEditable功能,应用十分丰富。简单的操作界面,利用CSS3功能,同时又保持较小的文件大小。它支持将内容“自动保存”到本地(

7、通过localStorage),拥有增加、减少和主题更换操作。九、在线绘图网址:http://muro.deviantart.com/MURO是一个纯HTML5开发的在线绘图工具,它有两种模式:基本和专业,它们都免费使用。MURO支持效果有滤镜、锐化工具和画笔,所有的操作在一个直观和简单的界面里进行,使用相当容易。十、地理定位星期八职场经验网(http://www.xingqiba.com) 【现成经验助你快速完成工作】网址:http://studio.html5rocks.com/#Geolocation这个Web应用程序会自动检测您所在的

8、位置,然后使用谷歌地图返回附近的就业信息。不过需要注意的是,它要求分享您浏览器所处的地址信息。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。