很多用户都不知道的10个优秀的HTML5编码工具

标签: 多用户 知道 html5 | 发表时间:2011-08-21 23:02 | 作者:(author unknown) tinda
出处:http://www.iteye.com

HTML5将彻底改变我们建设网站和Web应用程序的方式。这里有10个伟大的工具,用于简化和提高HTML5的编码。

 

Initializr

 

Initializr

假如你才刚开始利用HTML5来创建网站,可访问Initializr来入门。这个网站将帮您根据样板来创建一个简洁,可定制的网站模板。它包含了初学者,所需要的一切。

HTML5demos

HTML5demos

HTML5demos这个网站提示一些示例来帮助你检测HTML5的一些特性,在不同浏览器下的支持情况。比如可以测试HTML5 canvas在Firefox上是否支持或Safari是否可以运行HTML5简单的聊天客户端等。

HTML5 Tracker

HTML5 Tracker
HTML5 Tracker能够用于跟踪HTML5相关的最新修订信息。

HTML5 visual cheat sheet

HTML5 visual cheat sheet

 这一个HTML5标签速查表,能够帮助您快速,简便地查找标签或属性。各种速查表对所有Web开发的人员来说非常好用。

Switch To HTML5

Switch To HTML5

这是一个非常简单,基本,但高效的模板生成器。如果你想要开始开发一个基于HTML5的网站,可以访问这个网站来获得一个免费的HTML5网站模板!

Cross browser HTML5 forms


表单是一个网站非常重要的一部分。 HTML5的特性日历,色彩板,滑动部件,客户端验证等这些都是非常强大的工具,但现实的情况就是,大多数的浏览器不支持所有的功能。这是一个很大的问题,刚好Cross browser HTML5能够帮您如何轻松创建一个跨浏览器的表单。

HTML5 Test

HTML5 Test
你现在使用的浏览器是否支持HTML5?你可以利用HTML5 Test这个工具来检测你的浏览器对HTML5新增的Video, audio, canvas等特性的兼容情况。

HTML5 Canvas cheat sheet

HTML5 Canvas cheat sheet
画布canvas是一个HTML5的重要组成部分,因为它可以让你在屏幕上绘制图形。在很多情况下,你都有可能用到它。这个速查表将对您非常有帮助。

Lime JS

Lime JS
这是一个HTML5游戏框架,让您能够快速创建,对所有的触摸屏和桌面浏览器的都具有本地体验的游戏。它非常令人吃惊,你必须尝试一下。

HTML5 Reset

HTML5 Reset
HTML5 Reset提供一组HTML, CSS等文件,让你能够以最少的时间来启动一个新的项目。

原文地址:http://smashinghub.com/excellent-html5-coding-tools.htm



感谢 jforever 投递这篇资讯

资讯来源:www.open-open.com

已有 3 人发表留言,猛击->>这里<<-参与讨论


ITeye推荐



相关 [多用户 知道 html5] 推荐:

很多用户都不知道的10个优秀的HTML5编码工具

- tinda - ITeye资讯频道
HTML5将彻底改变我们建设网站和Web应用程序的方式. 这里有10个伟大的工具,用于简化和提高HTML5的编码. 假如你才刚开始利用HTML5来创建网站,可访问Initializr来入门. 这个网站将帮您根据样板来创建一个简洁,可定制的网站模板. HTML5demos这个网站提示一些示例来帮助你检测HTML5的一些特性,在不同浏览器下的支持情况.

关于HTML5你不得不知道的五件事情

- - HTML5研究小组
你 也许会问:“如果老的浏览器不支持HTML5我该如何开始呢. ”这个问题本身就是具有误导性的. HTML5并不是一大块整体,而是一系列单独特性的集合. 所以你是不可能去检测“HTML5支持性”的,因为根本就没有这种东西存在. 但是你可以测试对某些特性的支持,比如画布功能、视频功能、地理定位功能. 你 可能认为HTML5是一系列标签和尖括号.

你可能不知道的5 个强大的HTML5 API

- - CSDN博客Web前端推荐文章
HTML5提供了一些非常强大的JavaScript和HTML API,来帮助开发者构建精彩的桌面和移动应用程序. 本文将介绍5个新型的API,希望对你的开发工作有所帮助.   1.   全屏API(Fullscreen API).   该API允许开发者以编程方式将Web应用程序全屏运行,使Web应用程序更像本地应用程序.

28个你必须知道的HTML5的新特性,技巧以及技术

- zhibin - Hi, I&#39;m Adam Lu.
原文:http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/. 尽管使用,即使浏览器不懂这句话也会按照标准模式去渲染.

10件开发者和老板都要知道的HTML5的那些事

- - ITeye博客
HTML5 标签没什么大不了的.. 理解这句话你需要先了解HTML 5. 它仅仅是一个html4.01的一个升级版本. 或者是它是完全不同的新版本(无处不在的大肆宣传可能会让你有这种感觉). HTML 5包括许多简化和附加的网页标记,所以称它为升级版本也是公平的(虽然也有一些大的补充标签,如视频

HTML5 logo 发布

- Greyby - 酷壳 - CoolShell.cn
2011年1月19日,W3C发布了HTML5的log,打开W3C的页面,下在的图片印入眼前. 我的第一感觉,就像是看到了小时候看的八一电影制片产的电影. 这分明是号召全世界的无产Web程序员们团结起来,不畏艰难,不怕牺牲,一定要把HTML5的革命事业进行到底. 所以,请各位Web程序员不但在你们的HTML5的网页上加上下面的徽章(关于各个徽章的含义,请参看这里).

html5 canvas入门

- - Marshal's Blog
可以把canvas看做div,不过,它的长和宽不能通过css来定义,要使用标签属性:. 或者javascript对象属性设置:. 使用canvas,只有一种操作方式,使用javascript. 获得canvas对象的上下文对象,该对象是操作canvas的主要对象:. 使用canvas画最简单的线, 点击运行示例,结果看起来是这样:.

HTML5新特性

- - CSDN博客推荐文章
 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条. 颜色值使用方法和CSS 一样:十六进制数、rgb()、rgba() 和 hsla. 通过 fillRect可以绘制带填充的矩形. 使用 strokeRect 可以绘制只有边框没有填充的矩形. 如果想清除部分 canvas可以使用clearRect.

【转载】HTML5 Messaging

- - HTML5研究小组
HTML5 的Message API能够让HTML5页面之间传递消息,甚至这些页面可以不在同一样域名下. 为了让消息能从一个页面发送到另一个页面,主动发送消息的页面必须拥有另一个页面的窗口引用. 然后发送 页面针对接受页调用 postMessage() 方法. postMessage() 方法中 origin 参数的值必须与页面所在的iframe的域名相匹配.

Adobe、标准和HTML5 -HTML5 and CSS3 开发

- - HTML5研究小组
“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业,新标准既可能是无限财富的源泉,也可能导致企业帝国的毁灭. 尽管存在着如此多的风险,标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时,计算领域的主要争议是Unix是否是一个可行的操作系统(以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战),以及哪个视窗平台(SUN/AT&T还是IBM/DEC/HP)将成为标准.