7个有效的HTML5就学资源,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这块,花了一周左右时间采集的,快有一年时光了,部分情节需要革新,仅供参考。如需更新请回复

HTML5 Boilerplate

亚洲必赢官网 8

 

HTML5
Boilerplate是一个前端开发模板,拥有众多具有先进特性的框架。帮衬下载经典的HTML5
模板或者使用预先计划的响应式设计依然辅导设计。开发人士可以行使HTML5模板来收获他们的HTML5
网站。

  1. WTF is HTML5

几点表达:

LEADTOOLS Imaging HTML5 Module:

亚洲必赢官网 9

  1. 这一次收集的新闻以HTML5为主,那里的HTML5 ~= HTML5 + Javascript +
    CSS3
  2. 亚洲必赢官网 ,以下资料的情商相关部分主要来自W3C、WHATWG;demo库和开发工具等要害来自IT集团、技术团队的官网或其新闻站点
  3. W3C正式发布的商事称为Recommendation(推荐),下文中“协议”、“推荐”、“REC”是同义词;“协议”未通过事先以“草案”的样式存在

由此往LEADTOOLS Imaging Pro Developer
Toolkit中添加一个HTML5查看器控件,JavaScript库以及RESTful
web服务,开发者可开发出健康、却又轻量级的无痕图像应用程序,这几个应用程序可以在其他台式机、GALAXY Tab或挪动装备上运行。

那是一个关于 HTML5 Infographics 的站点,包含诸如 HTML5 同 Flash
的对照,HTML5 差异浏览器协理意况,HTML5 最受欢迎的功力等材料。

[大旨新闻]

HTML5 Doctor

  1. Dive Into HTML 5

2个组织

其口号是“辅助您前几日贯彻HTML5”,提供关于HTML5的篇章和课程,介绍近来大家得以凭借
HTML5 完毕的使用。站点中的一些小说和栏目,也是 HTML5
相应技术的特等注解,如 dl element ,article element 以及 Q&As 部分。

亚洲必赢官网 10

  • 7个有效的HTML5就学资源,HTML5素材整理。W3C,万维网联盟,Web标准制定者
  • WHATWG,由浏览器厂商的员工发起的业余社团,致力于改进HTML,其成员来自Mozilla、Opera、Apple、谷歌等

Can I Use

马克 Pilgrim 是资深软件开发师与博客小编,他在线编写了一本有关 HTML5
的书,侧重 HTML5 的编程方面的效率。

HTML5发展

本网站提供一个流行的HTML5,CSS3和血脉相通技能的包容性表,还提供了IE浏览器,火狐,Safari浏览器,浏览器和Opera的新闻,包含新型的本子。其增进的资源深受开发者和规划人士的一样好评。

  1. HTML5 Doctor
  • HTML 4.01于1999年发布,2000年W3C发布了XHTML 1.0
  • 第一份正经草案公布于2008.1.22,最新草案公布于2011.9.6
  • HTML5草案的前身为Web
    Applications 1.0,二〇〇四年由WHATWG指出,二〇〇七年被W3C选择,并确立了新的HTML工作组(合并XHTML团队)

Modernizr

亚洲必赢官网 11

“WHATWG致力于web表单和应用程序,而W3C专注于XHTML 2.0。在2006年,双方决定进行合作,来创建一个新版本的HTML” —— 摘自W3school。

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

布告 HTML5 相关的稿子,介绍近期我们得以凭借 HTML5
完结的选择。站点中的一些篇章和栏目,也是 HTML5 相应技术的一级声明,如 dl
element ,article element 以及 Q&As 部分。这么些站点由一群在 Future of Web
Design 大会遭受相识的开发人士共同开创。

  • WHATWG如今依旧是HTML5的主力,HTML5的最新进展会宣布在这四个团体的官网,以下默许使用W3C发表的音信

TeeChart for Javascript & HTML5

  1. When Can I Use…

HTML5的新特点浮现在下图突显的8个部分,HTML5梦想成立一个有当地存储、富客户界面、高效网络IO的Web
App。HTML5
Presentation是以下文字和图片越发直观的版本:

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

亚洲必赢官网 12

  • 语义(Semantic),新增header、footer、nav、fig等涵盖语义的竹签,以及一密密麻麻包蕴语义的标签属性
  • 离线&存储(Offline&Storage),主要不外乎Local
    Storage、Indexed DB、File API
  • 装备访问(Device
    Access),定位音讯已经广泛应用,其余还有视频、音频流(如语音输入 ),移动装备的传感器(如方向传感器)
  • 网络连接(Connectivity),扩充Web
    Socket、服务器数据推送
  • 多媒体(Multimedia),扩充video、audio标签,提供原生的视频、音频访问
  • 图片接口(GDI),伸张canvas标签,提供2D,3D GDI,现已有第3方的WebGL可以提供3D加速渲染
  • 特性&整合(Performance & Integration),Web
    Workers达成脚本后台运行,并提供前后台交互接口,XMLHttpRequest
    2提供更好的网络IO
  • CSS3,目前仍在开发之中,主流浏览器已经支撑其中一部分特征,Dashboard是更完整的CSS3 demo

Dive Into HTML 5
马克(Mark) Pilgrim 是享誉软件开发师与博客小编,他在线编写了一本关于 HTML5
的书,侧重 HTML5 的编程方面的效用。

那几个大概的单页式站点是一份 HTML5
各样功效同当前主流浏览器(以及它们的不等版本)的极度清单。

The HTML5 test

  1. HTML5 W3C Specifications (Editor’s Draft)

 

以此站点可以帮你测试你的浏览器对 HTML5 的支撑处境,并为你打出分数。

亚洲必赢官网 13

最新进展参见WHATWG News和W3C HTML首页:

WTF is HTML5
那是一个有关 HTML5 Infographics 的站点,包罗诸如 HTML5 同 Flash
的自查自纠,HTML5 不一致浏览器扶助情形,HTML5 最受欢迎的功用等材料。

那是 HTML5 的流行的草案,由 W3C 起草,即使你想对 HTML5
的全方位有个高于的问询,这是最好的资源。

  • 新式草案公布于2011.9.6
  • W3C希望能在2014让html5改成Recommendation
    ,参见html5 FAQ

HTMLLabel   

  1. Yes, You Can Use HTML 5 Today!

HTMLLabel是一个那么些实用的HTML渲染器,其被装进为一个极轻量级的ActiveX控件,并特意为那几个梦想为其软件增强HTML功效的软件开发者们量身订做。

亚洲必赢官网 14

 

Smashing Magazine

SitePoint 有一篇格外美好的小说,鼓励开发和设计者现在就起来安顿使用
HTML5,还描述了改什么编写代码,以适应那个尚不扶助 HTML5 的浏览器,如
IE8。

[Demo库]

Smashing
Magazine为开发人士和设计人士提供资源和指出。该网站并不是特地针对HTML5的本行网站,可是它提供HTML5连锁课程和新星技术。

  1. Coding A HTML 5 Layout from Scratch

那边将所有demo库粗略分为应用和游乐,涵盖了团协会、公司、个人支付或收集的demo

HTML5 Demos and Examples

亚洲必赢官网 15

[应用demo库]

Remy 夏普(Sharp) 是一位来自英国的 web 开发者,他编译了那套 HTML5
演示,包罗简单的,基于浏览器的聊天程序,地理地点音信程序等等。

那是来自 Smashing Magazine 的一篇小说,讲述了如何选取 HTML5
的新因素进行页面布局规划。

Edge的Samples,Adobe Edge制作的html5动画

HTML 5 Web开发人员的指南

  1. HTML5 presentation
  • Adobe请Rain制作的logo动画1、动画2
  • 比较美丽的齿轮动画
  • 过山车动画
  • 2个Banner广告
    • 一言以蔽之的banner动画广告,js库文件138KB, 动画我js+css
      10KB
    • 另一个Banner公益广告

HTML
5的Web开发人士的指南被写在W3C上,目的在于指引Web开发人员使用HTML5,并研商了语法,API,词汇和其他方面的即未来到的正规化。

亚洲必赢官网 16

Html5Rocks, Google demo库

HTMLGoodies的HTML基础

那是一份关于 HTML5 的以身作则,是一份关于 HTML5 分外超前的材料,原本是为
谷歌 Chrome用户 设计,由此,在少数浏览器上恐怕无法见到。

  • HTML5 Presentation ,h5版ppt,详细介绍了h5的新特征,里面的demo可平昔玩
  • WebGL Globe,使用WebGL 3D加速,展示canvas
    3D特性
  • Ascii Art,使用WebSocket同步服务器数据(字符视频)
  • Notification 提姆e,Notification
    API,提供页面范围以外的音信提示,近年来主流浏览器中唯有chrome达成
  • Drag n Drop Photos, 拖拽文件到浏览器,使用DnD,File API
  • Page Flip,书本翻页,基于CSS3 2D
    transform和animation

包含HTML
5的效率,键盘事件,录像内容,媒体事件,鼠标事件和越多的课程。即使您正在寻觅的文章来介绍怎么样运用HTML
5,它是一个起初的好地点。

  1. HTML5 Gallery

html5demos ,人气很高的第三方demo库,提供按特性过滤查看demo

亚洲必赢官网 17

Web O’ Wonder,奇幻网络,Mozilla提供的demo库

那是一个 HTML5 站点显示站点,定期推出一些基于 HTML5
的站点介绍,你可以藉此借鉴先行者们的技能和阅历。

  • Dashboard,显示HTML5、CSS3、SVG、JS等技巧的新特征,CSS3的demo很丰富
  1. A Web Developer’s Guide to HTML 5

Safari Technology Demos,Apple提供的demo库

亚洲必赢官网 18

  • Photo Transitions,图片切换的卡通片效果
  • Gallery,幻灯片,多种表现形式:水平、垂直、3D滚动..
  • 虚构现实(VR),基于css3 transforms
  • 360°,360°旋转,本以为是3D效果,竟然用了72张图片

那篇来自 W3C 的稿子面向 Web 开发者,介绍了HTML5
的语法,API,术语以及各个开发者们关注的资源和技能。

IE Test Drive,Microsoft为IE开的demo库站点,大量html5的demo

  1. HTML5 Demos and Examples

10K Apart,HTML5比赛文章,基本需求是包裹后10KB以内

亚洲必赢官网 19

canvasdemos,专注于canvas的demo库

Remy 夏普(Sharp) 是一位来自英国的 web 开发者,他编译了那套 HTML5
演示,包涵不难的,基于浏览器的拉扯程序,地理地点音讯程序等等。

HTML5商讨小组搜集的demo库,“HTML5钻探小组”是炎黄第三个HTML5拓宽和沟通的盛开社团

  1. Web Designer’s Checklist: HTML5 Support Tables

有些零散的demo:

亚洲必赢官网 20

  • iGrapher,很炫的表格程序
  • Cloudkick,3D,显示云服务器状态

一份分外周详的 HTML5 和 CSS3 浏览器包容清单。

[游戏demo库]

  1. HTML 5 differences from HTML 4

Mozilla Labs Gaming,Mozilla官方的html5玩耍demo库,上面是库中获奖文章

亚洲必赢官网 21

  • Marble Run,季军游戏(best
    web-iness),画面精美,chrome13下运作较流畅(汗)
  • 罗布ots are people too,获得“最有趣奖”(most
    fun)

HTML5 和 HTML4 到底有如何分别,那是 W3C 官方相比清单。

html5games,第三方游戏demo库

  1. HTML5 – Wikipedia
  • html5版的俄联邦四方

亚洲必赢官网 22

HTML5切磋小组搜集的游艺demo库

维基百科上关于 HTML5 的词条,相当尊贵,文章下方还提供了多量 HTML5
的高贵资源。

玩耍引擎:Impact、Rocket、GameClosure、YoYo

  1. The HTML5 test

有的碎片的demo:

亚洲必赢官网 23

  • CubeSpace,搭积木,强大的回放效用

以此站点可以帮您测试你的浏览器对 HTML5 的辅助情状,并为你打出分数。

[兼容性]

原文作者

Html5 test,提供html5新特征的检测

亚洲必赢官网 24

html5包容性手册

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

  • Where can I use..,提供详细的兼容性音信,提供按特性查找
  • HTML5 readiness,数据出自前者,提供按时间查询HTML5包容性,有趣的变现格局

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

Compatibility Master Table,quirksmode提供的包容性数据库,涵盖了DOM、CSS、JS等

作者:Justin
出处:

HTML5 in Firefox,Mozilla 提供的Firefox html5包容性列表

HTML5 in Chrome,Chromium提供的开发进程音信

HTML5 in IE:官方版本,非官方版本,

Mobile HTML5,Mobile Browser对HTML5的支持

包容性工具

  • Compatibility Detector for Firefox,Firefox插件
  • W3C HTML验证,帮忙对html5文档进行表明
  • W3C CSS验证,还不帮忙CSS3
  • html5shiv,让IE协理大多数html5特征,2KB

[开发]

开发手册&文档

  • HTML5 参考手册(汉语版,英文版),W3school的入门级手册,内含容易的demo
  • HTML5: Edition for Web Authors,W3C面向web开发者的高等级手册 WHATWG版本
  • HTML5 full specification,完整版手册,首要面向浏览器厂商 WHATWG版本
  • Dive Into HTML5,免费的在线h5教程
  • Mozilla HTML5

Edge,Adobe开发的html5卡通制作工具,生成的卡通片看重的库较多,直接用来mobile设备文件过大

Swiffy,flash转html5工具

Modernizr,javascript库,对html5、css3 做退化处理

CSS3-HTML5之家,国内的一个站点

HTML5商量小组

Scirra,HTML5 游戏支付平台(付费)


网站地图xml地图