HTML5技术

HTML 5可以做五件事情 超出你的想象

字号+ 作者: 来源:51cto    2014-11-17 18:29 我要评论( )

1. 制作时尚的表单表单是Web设计的重要组成部分,常见的有注册表单、联系表单以及反馈表单,表单设计应该在不影响用户体验和可用性的前提下尽量美观,以吸引用户填写内容。下面这些示例将带您体验 HTML5 的强...

1. 制作时尚的表单

表单是Web设计的重要组成部分,常见的有注册表单、联系表单以及反馈表单,表单设计应该在不影响用户体验和可用性的前提下尽量美观,以吸引用户填写内容。下面这些示例将带您体验 HTML5 的强大.

Create a Stylish Contact Form with HTML5 and CSS3

Have a Field Day with HTML5 Forms

Designing Modern Web Forms with HTML5 and CSS3

 

Fun with HTML5 Forms

 

Fancy Forms with HTML5, CSS3 + JS

2. 构建实用的HTML5框架

框架帮助我们更快速、更容易实现功能,让你集中精力于更重要的方面,而不会浪费时间做重复的任务。下面列举了几个值得关注的 HTML5 框架。

52 Framework

Less Framework

Sproutcore

Jo App Framework

Baseline CSS

Popcorn.js

Baker Framework

Sencha Touch

3. 开发丰富多彩的游戏

尽管 HTML5 标准还在不断完善过程中,一些游戏开发者已经使用 HTML5 开发出了非常有趣的游戏。下面列举了几个游戏示例,

Biolab Disaster

Canvas Rider

Pirates Love Daises

Canvas Pinball

 

Browser Bots

Four Demons

4. 以更直观的方式让数据可视化呈现

有的时候,你需要在网站中以更直观的可视化方式呈现大量的数据或者信息,这个时候就需要图表解决方法帮助你实现。下面列举了几个不错的 HTML5 图表方案。

rGraph

HTML5 Graph Slider

iGrapher

5. HTML5的未来 – 惊艳的HTML5示例和实验

HTML5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,尽管 HTML5 的实现还有很长的路要走,但 HTML5 正在改变 Web。下面列举了几个很棒的 HTML5 应用示例

Touch the Future create an elegant website with HTML5 and CSS3

HTML5 Admin Template

Creating Blog Layout Design using CSS and HTML5

Mozilla HTML5 Dashboard

Create Posticks Sticky Notes App with HTML5, CSS3, and jQuery

HTML5 Sketch

A World of Tweets

Words2

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评