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资料整理,7个有效的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服务,开发者可支付出健康、却又轻量级的无痕图像应用程序,那么些应用程序可以在其他台式机、平板计算机或挪动设备上运行。

那是一个有关 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

  • W3C,万维网联盟,Web标准制定者
  • WHATWG,由浏览器厂商的员工发起的业余社团,致力于革新HTML,其成员来自Mozilla、Opera、Apple、谷歌(Google)等

Can I Use

马克(Mark) 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
马克 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 夏普 是一位来自U.K.的 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 万分超前的素材,原本是为
谷歌(Google) Chrome用户 设计,因而,在好几浏览器上或者无法看出。

  • HTML5 Presentation ,h5版ppt,详细介绍了h5的新特性,里面的demo可一向玩
  • WebGL Globe,使用WebGL 3D加速,展示canvas
    3D特性
  • Ascii Art,使用WebSocket同步服务器数据(字符视频)
  • Notification 提姆(Tim)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地图