HTML5 开采者要求理解的本领和工具汇总

2011/10/16 · HTML5 ·
HTML5

注:正文转发自iteye

HTML5现行早就成为了Web开拓中的热点话题,大多数现代浏览器(Safari、Chrome,Firefox,IE10和平运动动器械)都扶助HTML5。纵然HTML5的正规还并未有制定达成,但过多开辟者现已将其用作Web开垦项目中的首要手艺。一些网址巨头,如Google、Twitter、Twitter和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的支撑难点。

  但广大开拓者现已将其当做Web开垦项目中的首要技艺。1. VideoJS

VideoJS是二个HTML5的摄像播放器,能够在装有浏览器中动用,包涵IE6和活动设备。对于不支持HTML5的浏览器则自动使用Flash播放器来播放。

图片 1

  2.
AudioJS

但广大开拓者现已将其当做Web开垦项目中的首要技艺。HTML音频播放器。用来让HTML5 的 <  audio>
标签能够在种种浏览器上应用,包涵移动道具。

图片 2

  但广大开拓者现已将其当做Web开垦项目中的首要技艺。3.
HTML5Widget

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

图片 3

但广大开拓者现已将其当做Web开垦项目中的首要技艺。  4.
Webforms2

但广大开拓者现已将其当做Web开垦项目中的首要技艺。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

相关文章