首页 > 资讯列表 > 编程/数据库 >> 其他WEB语言

HTML5 开发者需要体味的技巧和工具汇总

其他WEB语言 2011-10-09 17:10:22 转载来源: AS网站目录整理

HTML5此刻已经成为了Web开发中的热点话题,年夜年夜都现代浏览器(Safari、Chrome,Firefox,IE10和移动设备)都撑持HTML5。即使HTML5的规范还没有拟定完成,但良多开发者已经将其作为Web开发项目中的首要手艺。一些网站巨子,如Google、Facebook、Twitter和YouTube等,都成立在HTML5基本上。 HTML5中最令人兴奋的功能莫过于画布(canvas)和 ...

HTML5此刻已经成为了Web开发中的热点话题,年夜年夜都现代浏览器(Safari、Chrome,Firefox,IE10和移动设备)都撑持HTML5。即使HTML5的规范还没有拟定完成,但良多开发者已经将其作为Web开发项目中的首要手艺。一些网站巨子,如Google、Facebook、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的撑持问题。

1. VideoJS

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

VIA http://www.queness.com/post/9375/tips-tricks-and-tools-you-will-need-to-start-using-html5-today

标签: HTML5 开发者 需要 体味 技巧 工具 汇总


声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!

站长搜索

http://www.adminso.com

Copyright @ 2007~2024 All Rights Reserved.

Powered By 站长搜索

打开手机扫描上面的二维码打开手机版


使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

站长搜索目录系统技术支持