开发者须求驾驭的技艺和工具汇总,移动和触摸框架

HTML5 开发者须求驾驭的技艺和工具汇总

2011/10/16 · HTML5 ·
HTML5

注:本文转发自iteye

HTML5现行一度变成了Web开发中的热门话题,半数以上现代浏览器(Safari、Chrome,Firefox,IE10和活动装备)都帮忙HTML5。即使HTML5的正儿八经还没有制定达成,但不少开发者现已将其当作Web开发品种中的主要技术。一些网站巨头,如谷歌、脸书、推特和YouTube等,都创设在HTML5基础上。

HTML5中最令人快乐的效果实在画布(canvas)和强硬的表单成效,画布作用已经足以在大部分浏览器中完美体验(除了IE),但对于新表单元素的协理还不是太好。对Web开发者来说,是时候开首HTML5费用了。

要拓展HTML5开发,本文中的一些技能、工具得以让你收缩学习的时光,进步开销的效能。

一、HTML5支撑测试列表

在始发往日,你须求了然现代的浏览器以及活动平台对于HTML5的支撑处境。

  • 主流浏览器HTML5效率支撑一览
  • 挪动平台HTML5帮衬一览
  • HTML5支撑测试
  • HTML5演示

二、让HTML5元素可用

老版本的IE浏览器不可以鉴别新的HTML元素。可是,可以运用部分JavaScript或CSS解决方案来弥补那些毛病。

  • HTML5Shiv:此脚本可以使IE浏览器识别HTML5元素。
  • HTML5
    Enabler:功能与HTML5Shiv类似。
  • Modernizr:它使得开发者可以在支撑HTML5和CSS3的浏览器中丰富利用HTML5和CSS3的特点开展付出,同时又不会捐躯其余不帮衬那么些新技巧的浏览器的控制。
  • HTML5
    Reset:它提供了一组HTML、CSS文件,让您可见以最少的时光来启动一个新的品类。它选用modernizr来襄助HTML5
    和 CSS3。

三、浏览器插件

下边是有些JavaScript插件,可以弥补一些浏览器对HTML5的帮忙难点。

  1. VideoJS

VideoJS是一个HTML5的摄像播放器,可以在具有浏览器中动用,包含IE6和移动设备。对于不帮助HTML5的浏览器则自动使用Flash播放器来播音。

亚洲必赢官网 1

  2.
AudioJS

HTML音频播放器。用来让HTML5 的 <  audio>
标签可以在种种浏览器上运用,包涵移动装备。

亚洲必赢官网 2

  3.
HTML5Widget

HTML5的表单模块,蕴涵日历,调色板,滑动部件,客户端验证等。

亚洲必赢官网 3

  4.
Webforms2

HTML5 表单属性的接济,例如pattern、required和autofocus。

亚洲必赢官网 4

  5. LimeJS

LimeJS是HTML5的游戏框架,用于为当代触摸设备和桌面浏览器创造火速、本地化的游玩。

亚洲必赢官网 5

  6. FlexieJS

扶助CSS3弹性盒子模型(Flexible Box Model)。

亚洲必赢官网 6

四、在线工具

其余,还有局地在线工具,可以协理开发者加速HTML5品种的支付。

1. HTML5 Boilerplate

HTML5Boilerplate 是一个HTML / CSS
/JS模板,是贯彻跨浏览器正常化、品质优化、稳定的可选功效如跨域Ajax和Flash的超级实践。开发者称之为技巧集合,目标是满意你付出一个跨浏览器,并且面向未来的网站的必要。

亚洲必赢官网 7

  2. Switch to HTML5

不行管用的在线工具,可以按照你的喜好生成HTML5文档结构。

亚洲必赢官网 8

  3. Initializr

Initializr是一个HTML5模板生成器,以支持您先导HTML5品种的开发
。它确立在HTML5 Boilerplate之上。

亚洲必赢官网 9

  4. HTML5 Visual
速查表

亚洲必赢官网 10

  5. HTML5 Canvas
速查表

亚洲必赢官网 11

开发者须求驾驭的技艺和工具汇总,移动和触摸框架。  6. HTML5 笔记

亚洲必赢官网 12

  五、其他

你能够经过上边的链接来跟踪HTML5的翻新。

HTML5追踪

你可以通过下边的链接得到HTML5网站的统筹灵感。那几个网站库中富含了多量的行使HTML5技艺的网站。

HTML5Gallery

 

赞 3 收藏
评论

亚洲必赢官网 13

HTML5已经在Web开发中国和越南社会主义共和国来越流行。并且现在半数以上风行的浏览器包含Firefox 6,
谷歌(Google) Chrome, IE9等都协助HTML5。
利用框架可以协理Web开发人员飞快进展规划和支出。一个HTML5的框架提供了好多效应,如赏心悦目的排版,摄像播放器,表单验证等,使开发人士可以轻松地
开发Web应用程序。

JavaScript 移动和触摸框架

jQuery Mobile: 是jQuery 在小弟大上和机械设备上的版本。jQuery Mobile
不仅会给主流移动平台带来jQuery宗旨库,而且会揭发一个完好无损统一的jQuery移动UI框架。辅助全世界主流的活动平台。jQuery
Mobile开发团队说:能支付这一个项目,大家相当高兴。移动Web太急需一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。大家将尽全力去满意如此的急需。Sources.

Zepto.jsZepto.js
是协助移动WebKit浏览器的JavaScript框架,具有与jQuery包容的语法。2-5k的库,通过科学的API处理绝半数以上的基本工作。Sources.

MicroJS:
Microjs网站应用列出了累累轻量的Javascript类库和框架,它们都很小,半数以上稍差于5kb。那样您不须要因为只须要一个功效就要加载一个JS的框架。

PhoneGap:是一款开源的无绳电话机选择开发平台,它只是只用HTML和JavaScript语言就能够创设出能在七个运动装备上运行的接纳。Sources.

Sencha TouchSencha Touch 是一个扶助八种智能手机平台(华为, Android,
和三星(Samsung))的 HTML5 框架。Sencha Touch可以让您的Web App看起来像Native
App。美观的用户界面组件和拉长的多寡管理,全体根据最新的HTML5和CSS3的
WEB标准,全面包容Android和Apple iOS设备。

JQtouch, 是一个jQuery 的插件,紧要用于手机上的Webkit
浏览器上贯彻部分席卷动画、列表导航、默许使用样式等各个常见UI效果的JavaScript
库。Sources.

DHTMLX Touch针对移动和触摸设备的JavaScript 框架。DHTMLX
Touch基于HTML5,创立移动web应用。它不仅仅是一组UI
小工具,而是一个完好无损的框架,可以针对移动和触摸设备创立跨平台的web应用。它极度主流的web浏览器,用DHTMLX
Touch创设的利用,可以在surface、OPPO、Android智能手机等方面运行流畅。

 

jQuery 插件

Waypoints是一个jQuery
用来落到实处捕获各类滚动事件的插件,例如落到实处无翻页的情节浏览,或者固定某个元素不让滚动等等。支持主流浏览器版本。

Lazy
loader插件可以已毕图片的延期加载,当网页相比较长的时候,会先只加载用户视窗内的图形,视窗外的图片会等到你拖动滚动条至后边才加载,那样有效的幸免了因图片过多而加载慢的流弊。

TweenJS: 一个大致和强劲的 tweening / animation 的Javascript库。

Easings类Css3的jQuery 动画插件

七喜ly这些插件能够创造出如flash一样的动画效果,比如:在页面上有一只飞动的小鸟,一个动态滚动的背景等。

File Upload,jQuery 文件上传插件4.4.1

Slideshow/Carousel插件.Sources.

Supersized– 全屏式的背景/幻灯片插件

Masonryi一款更加酷的活动排版插件,那款jQuery工具得以按照网格来机关排列水平和垂直元素,当先原来的css.Sources.

jQuery 简单Layout演示,管理各样边栏式,可转移大小式的布局。

Flexigrid– jQuery数据表插件

Isotope相对是一个令人猜忌的jQuery插件,你可以用它来成立动态和智能布局。你可以隐藏和出示与过滤项目,重新排序和整治甚至更多。

Super GesturesjQuery 插件可以兑现网球肘势的效应。

MouseWheel是由Brandon亚伦开发的jQuery插件,用于添加跨浏览器的鼠标滚轮协助。

AutoSuggestjQuery 插件可以让您添加一些自行完毕的作用。

qTip一个精粹的jQuery的工具提醒插件,这些插件成效格外强劲。

jQueryCharts and graphic用来创设图纸。

jQuery Tools– Themissing UI library

 

 

HTML5 视频播放器

Popcorn.js是一个HTML5
Video框架,它提供了简单使用的API来一块交互式内容,让操作HTML5
Video元素的性质,方法和事件变得简单易用。 (来自Mozilla)

LeanBack
PlayerHTML5摄像播放器,没有信赖任何JavaScript框架。协助全屏播放,音量控制,在同一个页面中播放多少个视频。
(来自谷歌(Google))

Vid.ly为您上传的视频提供转换职能,并且为转移后的摄像创建一个短网址。通过Vid.ly,让您的视频可以在14种不一致的浏览器和配备上播放,不须要再去考虑将要浏览摄像的人采纳什么设备了,防止止各各软件巨头之间的便宜之争带来了不匹配,给用户带来了光辉的麻烦,短网址让你可以因此推特、非死不可等措施方便分享视频。Vid.ly仍是可以够通过html代码嵌入到其它网页中。Vid.ly免费帐户空间为1GB,免费帐户也不曾广播或浏览限制。

 

JavaScript 音频处理与可视化效果

运用HTML5 和 Flash,SoundManager
V2只用单一API的提供了牢靠,简单和强劲的跨平台的节奏处理。

DSP, JavaScript的声音Digital Signal Processing

The RadiolabHyper Audio Playerv1, 带给你 WNYC Radiolab, SoundCloud 和
Mozilla Drumbeat

jPlayer, 一个 jQuery HTML5 音频/ 摄像库,成效齐全的API

 

JavaScript 图形 和 3D

Processing.js是一个盛开的编程语言,在不接纳Flash或Java小程序的前提下,
可以达成程序图像、动画和相互的采用。其接纳Web标准,无需任何插件。

Javascript 3D 引擎:ThreeJS由 Mr Doob 开发,一个轻量级的 3D
引擎,不需求通晓细节,傻瓜都能采纳。那一个引擎可以动用

,

和 WebGL.

Shader Toy, 一款利用WebGL的在线着色器编辑器(2D/3D).
基于在线的拔取架构使您无需下载任何软件即可初叶体验. Shader
Toy包涵大批量实用着色器, 诸如光线追踪, 场景距离渲染, 球体, 隧道, 变形,
后期处理特效等.

PhiloGL,
Sencha的PhiloGL是第一个WebGL开发工具之一,提供了高品位的效益,来打造WebGL应用。Sencha创制了多少个示范,来叙述框架交互式3D虚拟化的力量,比如3D
view of global temperature changes。

WebGL Inspector你就Firebug等Web调试工具一样,这些是 WebGL的调试工具。

WebGL frameworks由 Khronos Group 收集的一个WebGL框架列表。

EaselJS, 一个行使html5的canvas的 JavaScript 库.Sources.

JavaScript Game
Frameworks免费的JS游戏框架列表。另,可参看JS游戏框架列表。

Rapha?l是一个微型的JavaScript
库,用来简化在页面上浮现向量图的行事。你可以用它在页面上绘制种种图片、并举办图片的剪切、旋转等操作。参看Javascript向量图Lib–Rapha?l

jQuery SVG插件让你可以了 SVG canvas 进行互动。

谷歌 chart tools– 参看本站的行使谷歌(Google) API做总结图

Arbor.js,是一个选用webworkers和jQuery创造的数码图形可视化JavaScript框架。它为图形社团和显示器刷新拍卖提供了一个便捷、力导向布局算法。

 

JavaScript 浏览器接口 (HTML5)

Modernizr– 是一个专为HTML5 和CSS3
开发的成效检测类库,可以按照浏览器对HTML5 和CSS3
的支撑程度提供越发便民的前端优化方案.Sources.
一个实用的列表cross-browser Polyfills

HTML5Shiv: 该项目标目的是为着让IE 能鉴别HTML5 的元素。

Polyfills:
这一个项目收集了有些代码片段其用Javascript支持分裂的浏览器的专门意义,有些代码须求Flash。

YepNopeJS: 一个异步的条件式的加载器。Sources.

jQueryCSS3 Finalise: 是不是厌倦了为每一个浏览器的CSS3属性加前缀?

Amplify.js:一套用于web应用数据管理和应用程序通讯的jQuery
组件库。提供简单易用的API接口。Amplify的目的是因而为各个数据源提供一个统一的程序接口简化各样格式数据的数目处理。Amplify的贮存组件使用localStorage

sessionStorage标准处理客户端的积存音讯,对一些老的浏览器支持可能有难点。Amplify’为jQuery的ajax方法request增添了有些卓殊的表征。Sources.

History.js精彩地支撑了HTML5 History/State APIs

Socket.IOWeb的socket编程。

 

JavaScript 工具

{{mustaches}} 小型的 JavaScript 模板引擎。

亚洲必赢官网,json:select(), CSS式的JSON选择器

HeadJS,
异步JavaScript装载。其最大特色就是不单可以按顺序执行还足以并发装载载js。

JsDoc Toolkit是一款接济工具,你只必要基于预订在JavaScript
代码中添加相应的表明,它就可以依照那些注释来源动生成API文档。Responsive
image, 一个试验性的类型,用来拍卖responsive layouts式的图样。

UglifyJS是根据NodeJS的Javascript语法解析/压缩/格式化工具,它协理任何CommonJS模块系统的Javascript平台。

Dhteumeuleu, 交互式的 DOM 脚本和DHTML 的开源演示。

Backbone是一个前端 JS 代码 MVC 框架,被闻明的 37signals
用来创设他们的位移客户端。它不行取代 Jquery,不可代替现有的Template
库。而是和这几个构成起来营造复杂的 web 前端交互使用。倘诺项目事关大气的
javascript
代码,完毕无数错综复杂的前端交互功用,首先你会想到把数据和出示分离。使用
Jquery 的 selector 和 callback
可以轻松完结那点。不过对于富客户端的WEB应用大批量代码的结构化协会丰裕须求。Backbone
就提供了 javascript 代码的团队的机能。Backbone 紧要包蕴 models,
collections, views 和 events, controller 。

 

客户端和模拟器

BrowserShot, 检查浏览器的包容性,跨浏览器平器的测试

Test everything… 输入一个你想要测试的URL……

Android browser模拟器

iPhone browser模拟器

Opera browser模拟器

Firebug与Firefox集成,可以查看和调剂你的Web页面。

 

CSS3 和 字库

CSS3 MakerCCS3的生成器不难地开创

CSS3 animations。Sencha Animator
是一个桌面应用可以为WebKit浏览器和触摸式移动装备成立 CSS3 animations 。

CSSwarp– CSS 文本扭曲生成器

Gradient Editor, 一个有力的Photoshop式的CSS 渐变编译器。来自 ColorZilla

谷歌 Web Fonts通过谷歌 Web Fonts API 可以浏览所有的字体@font-face
基特 Generator, 为Web转换字体

Typetester, 比较字体。

Media Queries. 一组 responsive web 设计。

Pattern TAP, UI组件。

 

Website (FULL) 模板

HTML5 Boilerplate是一个HTML5/ CSS /
js模板,是兑现跨浏览器正常化、品质优化,稳定的可选成效如跨域Ajax和Flash的特级实践。
项目标开发商称之为技巧集合,目标是满意你支付一个跨浏览器,并且面向将来的网站的需求。Sources.

HTML5 starter
pack是一个根本的和有团体的目录结构,其可适合广大品类,还有局地很常用的公文,以及不难的Photoshop设计模板。

Initializr是一个HTML5
模板生成器,其得以帮你在15秒内创制一个HTML5的档次。

Animated Portfolio Gallery(教程)Slick MobileApp Website若是通过 jQuery
和 CSS 制作一个有线电话选拔的网站。

RSS Reader假使通过 jQuery Mobile 制造一个RSS Reader

Single Page Applications使用jQuery的仇敌们 (Backbone, Underscore,
…)成立单一页面。

移动和触摸框架 jQuery Mobile: 是jQuery
在手机上和平板设备上的本子。jQuery Mobile
不仅会给主流移动平台带来jQuery大旨库,而且会发表…

HTML5现行一度变为了Web开发中的热门话题,大多数现代浏览器(Safari、Chrome,Firefox,IE10和移动装备)都协助HTML5。固然HTML5的科班还未曾制定落成,但为数不少开发者现已将其作为Web开发项目中的首要技术。一些网站巨头,如谷歌(Google)、
Facebook、推特(Twitter)和YouTube等,都建立在HTML5基础上。

1. 52 Framework : HTML5-CSS3 Framework

亚洲必赢官网 14
该框架协助HTML5和CSS3,援救近年来有所的浏览器。该框架充足利用了HTML5所有的优势。在网页设计师的世界中,CSS3是可怜酷的东西,使用CSS3足以节省网页设计和布局的时间。在付出中得以使用CSS3所有的特点,如文本/框阴影、圆角和卡通等。
Website

HTML5中最令人欢愉的机能实在画布(canvas)和强有力的表单功用,画布作用已经得以在多数浏览器中通盘体验(除了IE),但对于新表单元素的协理还不是太好。对Web开发者来说,是时候起始HTML5支出了。

2. Gridless : HTML5-CSS3 Framework For Crossbrowser Websites

亚洲必赢官网 15
Gridless is an optionated HTML5 CSS3 boilerplate for making mobile first
responsive, cross-browser websites with beautiful typography. It works
on DBY (don’t bore yourself) approach and allows developers to use CSS
normalization, beautiful typography, a well organized folder structure,
IE bug fixes and other nice tricks for their websites.
The most exceptional feature of Gridelss is that it uses mobile first
responsive
web design, which means that it adapts itself to the
device’s width which turns it into work anywhere with any old feature
phone, newer Smartphone, tablets, notebooks and bigger desktops. It
supports all modern browsers like Firefox, opera, chrome, Safari and IE
6+.
Website

要拓展HTML5开支,本文中的一些技术、工具得以让你减弱学习的小运,升高开发的成效。

3. Perkins : HTML5-CSS3 Framework

亚洲必赢官网 16

Perkins 是一个 HTML5/CSS3
框架,主要为简化开发者和设计师的工具。使用一个基础的 HTML5
模板,蕴涵多数所支持的标签以及一些 CSS
样式,便于创设诸如导航、圆角、渐进等作用。
Website

一、HTML5支撑测试列表

4. Less Framework 4

亚洲必赢官网 17
Less Framework is a CSS grid system for designing adaptive multicolumn
websites layouts. It contains 4 layouts and 3 sets of typography
presets, all based on a single grid. Less Framework can easily built
sites compatible with mobiles and smart phones and it works fine with
all modern browsers such as Firefox, Chrome, Safari, Opera, Nokia
Webkit, WebOS, Blackberry OS, Android Webkit, and Mobile Safari etc.
Website

在始发从前,你需求理解现代的浏览器以及活动平台对于HTML5的支撑情形。

5. Gravity : SASS Based Front End HTML5-CSS3 Framework

亚洲必赢官网 18
Gravity is SASS based framework for making powerful, easily maintainable
HTML5 websites. Gravity holds every type of feature for developing
beautiful websites such as readymade typography presets, media queries,
button styles, from styling, column sizing based on variables and much
more. Users need to install SASS to run the framework. It includes
numbers of killer features such as it is SASS based, CSS3 Mixins, Rapid
Prototyping, Grid builder, CoffeeScript, Core JS imports and many
more.
Website

  • 主流浏览器HTML5功能协助一览
  • 举手投足平台HTML5协助一览
  • HTML5协助测试
  • HTML5演示

6. HTML5 BoilerPlate

亚洲必赢官网 19

HTML5 Boilerplate 是一个HTML / CSS /
js模板,是兑现跨浏览器正常化、品质优化,稳定的可选功用如跨域Ajax和Flash的一流实践。
项目标开发商称之为技巧集合,目标是满意你支付一个跨浏览器,并且面向未来的网站的必要。

HTML 5样板的局地表征如下:

支持HTML 5

跨浏览器包容,包括对IE6的帮助

高速缓存和收缩规则,最佳实践配置

移步浏览器优化

单元测试套件Javascript分析

挪动与一定CSS规则的IOS和Android的浏览器帮助

Website

二、让HTML5元素可用

7. G5 Framework : HTML5-CSS3 Front End Framework

亚洲必赢官网 20

G5 Framework 是一个 (X)HTML5, CSS3, PHP & jQuery
前端框架。该框架目的在于升高开发成效、减少代码。

根本特性:

  • HTML5 baseline
  • Base CSS
  • PHP Active Class
  • Smooth Scroll to Top
  • HTML5 Placeholder Fallback
  • Base SEO
  • Based on a F Layout
  • Sticky Footer
  • Clean Organization

Website

老版本的IE浏览器不可以辨别新的HTML元素。可是,可以利用部分JavaScript或CSS解决方案来弥补这些毛病。

8. Baseline : HTML5-CSS Framework

亚洲必赢官网 21
Baseline is HTML5 frame works which assists users to easily create and
develop websites and web applications. Baseline comes standard
typography, includes style for HTML form and new HTML 5 tags. Baseline
supports all modern browsers such as Safar 3+, Google Chrome, Firefox
3+, Opera 9+, and IE 8.
Website

  • HTML5Shiv:此脚本可以使IE浏览器识别HTML5元素。
  • HTML5
    Enabler:功能与HTML5Shiv类似。
  • Modernizr:它使得开发者可以在支撑HTML5和CSS3的浏览器中丰富利用HTML5和CSS3的性状开展支付,同时又不会捐躯其余不接济那几个新技巧的浏览器的决定。
  • HTML5
    Reset:它提供了一组HTML、CSS文件,让您可见以最少的时日来启动一个新的品类。它利用modernizr来协理HTML5和CSS3。

9. Sprout Care : Open Source HTML5 Framework

亚洲必赢官网 22
Sprout care is an open source HTML5 Framework used to rapidly build up
innovative web applications. With sprout care developers can build rich,
interactive applications with less code. Sproutcore includes many
features like Clean MVC Architecture – which keeps users codes
sensible and organized for easy maintenance, Incredible
Speed
—client-side logic means no more waiting for severs, Sproutcore
apps give you a native experience, built in tools that will make your
application beautiful and many more.
Website

三、浏览器插件

10. LimeJS : HTML5 Game Framework

亚洲必赢官网 23
LimeJS是一个HTML5游戏框架,可以帮衬开发人士为流行的触摸设备和桌面浏览器急速支付出用户自己,拥有原生体验的游艺。
Website

下边是有的JavaScript插件,可以弥补一些浏览器对HTML5的支撑难点。

11. Cartagen : HTML5 Framework For Dynamic Mapping

亚洲必赢官网 24
Cartagen lets you make beautiful, customized maps with a simple
stylesheet. Maps are styled with Geographic Style Sheets (GSS), GSS is a
scripting language as well making Cartagen an idea framework for loan
modification mapping dynamic data. Cartagen is vector mapping, client
side HTML 5 framework for rendering maps in native HTML5 applications.
It is written in JavaScript, it uses the new Canvas element to load
mapping date from various sources including OpenStreetMap.
Website

1. VideoJS

12. inuitCSS : HTML5-CSS Framework

亚洲必赢官网 25
Inuitcss是一个完美和实用的框架。可以帮助大家付出出不错的网站。它帮衬新的HTML5标签,扶助平板计算机和智能手机。Developers
can build their own fluid grid systems and it provides nice typography
for development along with all type of modern browsers supports even
IE6.
Website

VideoJS是一个HTML5的摄像播放器,可以在拥有浏览器中运用,包涵IE6和运动设备。对于不支持HTML5的浏览器则自动使用Flash播放器来播音。

2.
AudioJS

HTML音频播放器。用来让HTML5 的 <audio>
标签可以在种种浏览器上运用,包含活动装备。

3.
HTML5Widget

HTML5的表单模块,包蕴日历,调色板,滑动部件,客户端验证等。

4.
Webforms2

HTML5 表单属性的支持,例如pattern、required和autofocus。

5.
LimeJS

LimeJS是HTML5的一日游框架,用于为当代触摸设备和桌面浏览器成立快捷、本地化的游玩。

6.
FlexieJS

支持CSS3弹性盒子模型(Flexible Box Model)。

四、在线工具

其余,还有一部分在线工具,可以帮忙开发者加速HTML5项目标花费。

1. HTML5
Boilerplate

HTML5Boilerplate是一个HTML / CSS
/JS模板,是贯彻跨浏览器正常化、质量优化、稳定的可选功效如跨域Ajax和Flash的一级实践。开发者称之为技巧集合,目标是满意你付出一个跨浏览器,并且面向未来的网站的须要。

2. Switch to
HTML5

丰硕实用的在线工具,能够依照你的喜好生成HTML5文档结构。

3.
Initializr

Initializr是一个HTML5模板生成器,以救助你起来HTML5品种的开发
。它确立在HTML5 Boilerplate之上

4. HTML5 Visual
速查表

5. HTML5 Canvas
速查表

6. HTML5
笔记

五、其他

您可以经过下边的链接来跟踪HTML5的立异。

HTML5追踪

你可以经过下边的链接得到HTML5网站的宏图灵感。那几个网站库中富含了大量的行使HTML5技艺的网站。

HTML5Gallery

小说来源:queness.com

译文出自:ITeye

网站地图xml地图