图片 7

学学html5的对象能够贮藏下,7个有效的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

HTML5 Working Draft
Specification

点评:HTML5 越来越引起人们的关注,苹果甚至将 HTML5 视为 Flash
的掘墓人。然而,作为一种尚未成型的技术,HTML5 对很多人来说仍然是陌生的。

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

本文收集了 15 个非常值得收藏的 HTML5 资源,这些资源可以让你同 HTML5
的发展保持一致,并始终处于这门技术的最前沿。

HTML5 Boilerplate

图片 8

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

  1. WTF is HTML5

LEADTOOLS Imaging HTML5 Module:

图片 9

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

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

HTML5 Doctor

  1. Dive Into HTML 5

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

图片 10

Can I Use

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

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

  1. HTML5 Doctor

Modernizr

图片 11

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

发布 HTML5 相关的文章,介绍目前我们可以借助 HTML5
实现的应用。站点中的一些文章和栏目,也是 HTML5 相应技术的最佳注解,如 dl
element ,article element 以及 Q&As 部分。这个站点由一群在 Future of Web
Design 大会相遇相识的开发人员共同创办。

TeeChart for Javascript & HTML5

  1. When Can I Use…

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

图片 12

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

这个简单的单页式站点是一份 HTML5
各种功能同当前主流浏览器(以及它们的不同版本)的兼容清单。

The HTML5 test

  1. HTML5 W3C Specifications (Editor’s Draft)

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

图片 13

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

这是 HTML5 的最新的草案,由 W3C 起草,如果你想对 HTML5
的方方面面有个权威的了解,这是最好的资源。

HTMLLabel   

  1. Yes, You Can Use HTML 5 Today!

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

图片 14

Smashing Magazine

SitePoint 有一篇非常出色的文章,鼓励开发和设计者现在就开始部署使用
HTML5,还讲述了改如何编写代码,以适应那些尚不支持 HTML5 的浏览器,如
IE8。

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

  1. Coding A HTML 5 Layout from Scratch

HTML5 Demos and Examples

图片 15

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

这是来自 Smashing Magazine 的一篇文章,讲述了如何使用 HTML5
的新元素进行页面布局设计。

HTML 5 Web开发人员的指南

  1. HTML5 presentation

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

图片 16

HTMLGoodies的HTML基础

这是一份关于 HTML5 的演示,是一份有关 HTML5 非常超前的资料,原本是为
Google Chrome用户 设计,因此,在某些浏览器上可能无法观看。

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

  1. HTML5 Gallery

图片 17

这是一个 HTML5 站点展示站点,定期推出一些基于 HTML5
的站点介绍,你可以藉此借鉴先行者们的技巧和经验。

  1. A Web Developer’s Guide to HTML 5

图片 18

这篇来自 W3C 的文章面向 Web 开发者,介绍了HTML5
的语法,API,术语以及各种开发者们关心的资源和技术。

  1. HTML5 Demos and Examples

图片 19

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

  1. Web Designer’s Checklist: HTML5 Support Tables

图片 20

一份非常全面的 HTML5 和 CSS3 浏览器兼容清单。

  1. HTML 5 differences from HTML 4

图片 21

HTML5 和 HTML4 到底有什么区别,这是 W3C 官方对比清单。

  1. HTML5 – Wikipedia

图片 22

维基百科上有关 HTML5 的词条,非常权威,文章下方还提供了大量 HTML5
的权威资源。

  1. The HTML5 test

图片 23

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

原文作者

图片 24

Jacob Gube 是著名 Web 技术博客 Six Revisions
的创办者及主编,他是一个 Web 前端开发设计师,同时从事 PHP 开发,他还是
MooTools 1.2 Beginner’s Guide 一书的作者。他的 Twitter 账号是
sixrevisions 。

本文国际来源:sixrevisions.com The Only HTML5 Resources You Need for
Getting Up to Speed

作者:Justin
出处:

发表评论

电子邮件地址不会被公开。 必填项已用*标注