HTML5 开发者需要了解的技巧和工具汇总
- genedna - ITeye资讯频道HTML5现在已经成为了Web开发中的热门话题，大多数现代浏览器（Safari、Chrome，Firefox，IE10和移动设备）都支持HTML5. 即使HTML5的规范还没有制定完成，但许多开发者已经将其作为Web开发项目中的主要技术. 一些网站巨头，如Google、Facebook、Twitter和YouTube等，都建立在HTML5基础上.
HTML5 开发者需要了解的技巧和工具汇总
标签：
html5
开发
需要
| 发表时间：2011-10-09 17:54 | 作者：(author unknown) genedna
出处：http://www.iteye.com
HTML5现在已经成为了Web开发中的热门话题，大多数现代浏览器（Safari、Chrome，Firefox，IE10和移动设备）都支持HTML5。即使HTML5的规范还没有制定完成，但许多开发者已经将其作为Web开发项目中的主要技术。一些网站巨头，如Google、Facebook、Twitter和YouTube等，都建立在HTML5基础上。
HTML5中最令人兴奋的功能莫过于画布（canvas）和强大的表单功能，画布功能已经可以在大部分浏览器中完美体验（除了IE），但对于新表单元素的支持还不是太好。对Web开发者来说，是时候开始HTML5开发了。
要进行HTML5开发，本文中的一些技巧、工具可以让你缩短学习的时间，提高开发的效率。
一、HTML5支持测试列表
在开始之前，你需要了解现代的浏览器以及移动平台对于HTML5的支持情况。
二、让HTML5元素可用
老版本的IE浏览器不能识别新的HTML元素。但是，可以使用一些JavaScript或CSS解决方案来弥补这个缺陷。
下面是一些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
感谢 wangguo 投递这篇资讯
已有 1 人发表留言，猛击->>这里<<-参与讨论
ITeye推荐
HTML5中最令人兴奋的功能莫过于画布（canvas）和强大的表单功能，画布功能已经可以在大部分浏览器中完美体验（除了IE），但对于新表单元素的支持还不是太好。对Web开发者来说，是时候开始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
感谢 wangguo 投递这篇资讯
已有 1 人发表留言，猛击->>这里<<-参与讨论
ITeye推荐
相关 [html5 开发 需要] 推荐：
Adobe、标准和HTML5 -HTML5 and CSS3 开发
- - HTML5研究小组“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业，新标准既可能是无限财富的源泉，也可能导致企业帝国的毁灭. 尽管存在着如此多的风险，标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时，计算领域的主要争议是Unix是否是一个可行的操作系统（以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战），以及哪个视窗平台（SUN/AT&T还是IBM/DEC/HP）将成为标准.
HTML5历史与开发介绍-HTML5 入门教程
- - BlogJava_首页HTML的发展历史和HTML5的诞生. HTML 5是近十年来Web开发标准最巨大的飞跃. 和以前的版本不同，HTML 5并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化. （HTML5也有了自己的logo）.
HTML5 Canvas开发框架：CasualJS Framework
- Jimmy - ITeye论坛最新讨论CasualJS Framework是根据ActionScript3?.0的架构开发的一套适用于HTML5 Canvas的面向对象的开发框架. 虽然Canvas提供了强大的绘图功能，但满足不了高级开发的需要. 利用CasualJS的显示对象架构及渲染机制，你可以轻松的在Canvas中操控各种位图、图形、影片剪辑等显示对象.
HTML5游戏开发工具推荐：IMPACT
- iDesperadO - HTML5研究小组Impact 是一个 JavaScript 游戏引擎，可以为桌面和手机浏览器开发令人惊叹的 HTML5 游戏. 我已经试过了四个其他 JavaScript 游戏引擎，这是我用过的第一个比较有意义的（……）Impact 是市场上第一个真正专业级的 JavaScript 和 HTML5 游戏引擎. ——《Game Developer Magazine》，2011年5月.
HTML5开发：原理与实现
- - Web App Trend在这篇文章中， W3C 浏览器技术核心标准工作成员 Mike Smith 谈论了 HTML5 到底是什么，并给出了一些对开发人员有用的资源，可以让他们跟进不断演化的标准. 我们正处于Web平台更新换代的过程之中. HTML5通常被用来描述这一过程，尽管更新换代中的技术并不局限于HTML5标准所定义的特性.
HTML5开发工具大盘点
- - CSS库相信到目前你应该已经对Canvas这一神奇的HTML5新元素有了一定的了解. 在本文中，我们将深入了解画布的功能及特点，学习如何在HTML中利用Canvas绘制图形以及其它类型对象. 正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋，都有必要了解下，HTML5都有哪些开发工具，哪款开发工具更适合我?下面就一一盘点下：
一、HTML5开发工具之Adobe Dreamweaver.
游戏开发商开源HTML5游戏
- - Solidot游戏工作室Wooga开源了其开发的HTML5游戏Pocket Island，源代码托管在GitHub上，该公司在官方博客上介绍了他们的开发经验，认为HTML5游戏有潜力，但尚未做好准备，开源的意图将是让其他人了解他们的工作，学习和改进. Wooga认为，2012年也许不是HTML5的黄金时代，但它的黄金时代即将到来.
【转载】HTML5开发工具介绍
- - HTML5研究小组HTML5被看做是web开发者创建流行web 应用的利器，增加了对 视频和Canvas 2D的支持. HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来，如Adobe的Flash和微软的Silverlight，HTML5为实现这些插件的功能提供了一种标准化的方式. 虽然HTML5标准尚未开发完成，但是随着开发者对HTML5的兴趣日渐浓厚，开发工具提供商也开始跟进.
Intel 发布新版 HTML5 开发工具
- - ITeye资讯频道Intel在IDF2013技术峰会上推出了全新的 Intel HTML5 Development Environment. 该工具即为 AppMobi开发工具的新版本. 今年2月份，Intel收购了AppMobi公司，获得了该公司的开发工具和相关开发人员. 目前这些工具已经成为了Intel移动应用开发工具套件的一部分.