图片 7

分享15个HTML5工具

7个有用的HTML5学习资源

2011/01/18 · HTML5 ·
HTML5

虽然HTML5还是很新,没有被所有主要浏览器支持,但现在还是有许多设计师和开发人员使用。毫无疑问,几年下来,HTML5将对web开发起着很重要的作用。我注意到很多人都在使用它,但也有许多人还没有接触过HTML5。为了帮助学习这个任务,我们收集了7个有用的HTML5学习资源

  一、HTML5开发者指南

这个文档举例说明了如何编写HTML5文档,为初学者提供了简单和可实践的应用程序,也为高级开发人员提供了更深度的信息。

  二、WHATWG博客

图片 1

  WHATWG博客是网络超文本应用技术工作小组(Web Hypertext Application
Technology Working Group)的博客,就是负责HTML5规格的那群人。

  三、Dive Into HTML 5(钻研HTML5)

图片 2

  Dive Into HTML
5是从HTML5规格和其他标准中精心挑选并详述其特征的一本书。

  四、HTML5医生

图片 3

  HTML5医生发表了许多文章,都是关于HTML5及其语义、及如何正确使用它的。他们也通过”询问医生”收集了很多问题,并在文章中予以回答,所有人都可从中受益。

  五、When can I use

图片 4

  这是一个以表格制成的备忘单形式的单页面,描述了HTML5、CSS3、SVG及其他未来网络技术的特征。

  六、HTML5可视备忘单

图片 5

  这个备忘单就是一个简单的可视网格,包含了所有HTML5标签和相关的属性。

  七、HTML5画廊

图片 6

  HTML5画廊有两个主要目标,一个是展示用HTML5布局的网站,我们可以从中看到别人如何理解HTML5规格和如何应用它。第二是帮助学习HTML5、如何使用HTML5及如何应用HTML5。

原文:webdesignledger  译文:龙南客

 

赞 收藏
评论

图片 7

包括HTML
5的功能,键盘事件,视频内容,媒体事件,鼠标事件和更多的教程。如果您正在寻找的文章来介绍如何使用HTML
5,它是一个开始的好地方。

HTML5 Boilerplate

Dive Into HTML 5
Mark Pilgrim 是知名软件开发师与博客作者,他在线编写了一本有关 HTML5
的书,侧重 HTML5 的编程方面的功能。

HTMLLabel是一个非常实用的HTML渲染器,其被封装为一个极轻量级的ActiveX控件,并特意为那些期望为其软件增强HTML功能的软件开发者们量身订做。

LEADTOOLS Imaging HTML5 Module:

HTML5 Working Draft
Specification

The HTML5 test

Remy Sharp 是一位来自英国的 web 开发者,他编译了这套 HTML5
演示,包括简单的,基于浏览器的聊天程序,地理位置信息程序等等。

HTML5
Boilerplate是一个前端开发模板,拥有众多具有先进特性的框架。支持下载经典的HTML5
模板或者使用预先配置的响应式设计或者引导设计。开发人员可以利用HTML5模板来获取他们的HTML5
网站。

Modernizr

HTML 5 Web开发人员的指南

HTMLGoodies的HTML基础

HTMLLabel   

TeeChart for Javascript & HTML5

HTML5 Demos and Examples

WTF is HTML5
这是一个关于 HTML5 Infographics 的站点,包含诸如 HTML5 同 Flash
的对比,HTML5 不同浏览器支持情况,HTML5 最受欢迎的功能等资料。

Modernizr是一个JavaScript库,可监测用户浏览器中的HTML5和CSS3
功能。并且它还自带HTML5模板,因此它已经成为HTML5开发者不可或缺的工具。有了Modernizr,开发人员可以轻松编写Javascript
条件语句和条件CSS来处理每种情况。

HTML
5的Web开发人员的指南被写在W3C上,旨在指导Web开发人员使用HTML5,并讨论了语法,API,词汇和其他方面的即将到来的标准。

通过往LEADTOOLS Imaging Pro Developer
Toolkit中添加一个HTML5查看器控件,JavaScript库以及RESTful
web服务,开发者可开发出强健、却又轻量级的无痕图像应用程序,这些应用程序可以在任何台式机、平板电脑或移动设备上运行。

其口号是“帮助你今天实现HTML5”,提供关于HTML5的文章和教程,介绍目前我们可以借助
HTML5 实现的应用。站点中的一些文章和栏目,也是 HTML5
相应技术的最佳注解,如 dl element ,article element 以及 Q&As 部分。

Can I Use

HTML5 Doctor

这个站点可以帮您测试你的浏览器对 HTML5 的支持情况,并为你打出分数。

HTML5 Working Draft Specification译为HTML 5工作草案标准,它是 HTML5
的最新草案,由 W3C 起草,如果你想对 HTML5
的方方面面有个权威的了解,这是最好的资源。

Smashing
Magazine为开发人员和设计人员提供资源和建议。该网站并不是专门针对HTML5的行业网站,但是它提供HTML5相关教程和最新技术。

TeeChart for Javascript & HTML5 是一个100%由 javascript
TeeChart图表库开发的图表组件,可以在所有兼容的浏览器中以原生的Javascript格式使用HTML5
Canvas绘制图表。

Smashing Magazine

本网站提供一个最新的HTML5,CSS3和相关技术的兼容性表,还提供了IE浏览器,火狐,Safari浏览器,浏览器和Opera的信息,包括最新的版本。其丰富的资源深受开发者和设计人员的一致好评。