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

开发 前端
作为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性,它可以说是近十年来 Web 标准最巨大的飞跃。这篇文章将向大家展示使用 HTML5 可以做的五件很棒的事情。

51CTO推荐专题:HTML 5 VS Flash 谁是海贼王?

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

 

#p#

 

2. 构建实用的HTML5框架

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

 

52 Framework

 

 

Less Framework

 

 

Sproutcore

 

 

Jo App Framework

 

 

Baseline CSS

 

 

Popcorn.js

 

 

 

 

Baker Framework

 

 

Sencha Touch

 

#p#

3. 开发丰富多彩的游戏

尽管 HTML5 标准还在不断完善过程中,一些游戏开发者已经使用 HTML5 开发出了非常有趣的游戏。下面列举了几个游戏示例,更多精彩内容见文章 10个国外开发的HTML 5精彩应用

 

Biolab Disaster

 

 

Canvas Rider

 

 

[[29483]]

 

 

 

 

 

 

Canvas Pinball

 

 

 

 

Browser Bots

 

 

Four Demons

 

#p#

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

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

 

rGraph

 

 

HTML5 Graph Slider

 

 

iGrapher

 

 

 

 

#p#

 

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

HTML5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,尽管 HTML5 的实现还有很长的路要走,但 HTML5 正在改变 Web。下面列举了几个很棒的 HTML5 应用示例,更多精彩内容见文章 九个让人难以置信的HTML5和JavaScript实验20佳惊艳的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

原文链接:http://www.cnblogs.com/lhb25/archive/2011/05/19/2021506.html

【编辑推荐】

  1. 3款新鲜的CSS3&HTML5框架
  2. 10个令人惊奇的HTML5和JavaScript效果
  3. HTML 5的革新:结构之美
  4. HTML 5标准学习入门之DOCTYPE
  5. 2011年2月8款免费HTML和CSS模板推荐

 

责任编辑:陈贻新 来源: 梦想
相关推荐

2011-12-09 14:50:44

HTML 5

2011-04-27 14:50:36

HTML 5

2011-06-08 14:12:58

2019-09-03 15:33:35

网络安全保险网络安全网络攻击

2013-09-12 11:24:24

创业

2013-12-05 17:07:29

openSUSEopenSUSE 13安装

2023-06-01 08:22:13

2017-06-13 14:30:13

5GQoS网络体系结构

2020-05-07 10:26:17

备份文件存储备份

2022-04-19 07:48:16

JavascriptCSS

2009-02-17 16:13:35

2011-06-24 14:18:40

Firefox 5

2012-10-12 17:07:05

2013-07-31 11:05:05

硬件处理ITM硬件

2012-05-28 09:34:33

Linux Mint UbuntOS

2018-03-02 08:30:10

Wi-Fi网络速度

2018-06-04 08:52:13

LinuxIP工具

2016-11-21 11:50:37

2016-12-01 14:54:57

2023-05-08 19:32:56

点赞
收藏

51CTO技术栈公众号