首页风格
门户
博客

分享10个必备的简化Web设计的HTML5工具

日期:2011/11/11  来源:GBin1.com
这个文章是适合真正想去做HTML5应用的设计人员和开发人员阅读。这里我将不再重复HTML5开发的重要性。因为大家都已经知道这点。这里我收集了10个HTML5的工具帮助你在不同的方面简化你的开发和设计。如果你也喜欢这个文章,请在我们的网站GBin1留言支持!

1. FindmebyIP

一个列出了所有浏览器对于HTML5支持细节的网站。特别适合对于浏览器的兼容有问题的朋友。优点是在线,可以方便大家查看。类似的网站还有这个:Caniuse.com

GBin1分享10个必备的简化Web设计的HTML5工具

2.  Video JS 

一个基于javascript的HTML5视频播放器。拥有三个部分:一段嵌入代码,一个javascript类库以及HTML/CSS的皮肤。特别适合一些视屏网站来显示一个统一UI的视频,并且兼容各大平台(包括浏览器及其设备)。
免费,开源并且轻量级,当然你需要自己配置一些代码。

GBin1分享10个必备的简化Web设计的HTML5工具

3. Flash to HTML5 online 

领先的在线flash转HTML5的网站之一。能够帮助你快速的将SWF文件转化为HTML5格式,包括,文字,线条和图片。并且它包含一个可安装版下载:version for windows and Mac, 支持苹果和windows。
特别适合需要将flash转化为HTML5或者将swf反编译成fla/flex的设计者。
免费在线使用,方便快捷,反编译高效,使用简单,但是只支持AS1.0

GBin1分享10个必备的简化Web设计的HTML5工具

4. Sketchpad

一个使用JS和HTML开发的在线画图工具。它是一个能够由你定制的工具,帮助你画任何你需要的图。 适合设计人员使用元素或者javascript创建一个画图类型的应用。 在线工具,使用方便并且UI友好。

GBin1分享10个必备的简化Web设计的HTML5工具

5. Initializr

这个工具最有吸引力的地方在于模板。它能帮助你生成非常干净并且可定制的模板。适合设计人员开始一个基于HTML5的boilerplate的项目。非常实用。适合于新设计和自定义。

GBin1分享10个必备的简化Web设计的HTML5工具

6. Lime JS

一个HTML5的游戏框架,能够快速的在浏览器,触摸设备上开发本地体验的游戏。非常棒的一个工具。值得一试。

GBin1分享10个必备的简化Web设计的HTML5工具

7. Modernizr

一个非常小的JS类库能够为HTML5和CSS3的网站探测本地的现可能性。 允许你在你的样式表指定浏览器特定功能。无论浏览器是否支持HTML5你都可以使用HTML5和CSS3的特性。适合需要开发HTML5网站的开发人员。

GBin1分享10个必备的简化Web设计的HTML5工具

8. Online HTML5 Audio maker Tool

为不同的浏览器提供音频解决方案,能够让你使用HTML5的audio标签。针对不同的浏览器使用不同的音频格式。适合需要添加音频到网站的开发人员

GBin1分享10个必备的简化Web设计的HTML5工具

9.  HTML visual Cheat Sheet

一个必要的可视化网格可以帮助你列出所有HTML4和HTML5支持的标签及其属性。 允许你看到你寻找的所有内容。 适合所有开发HTML5网站的开发人员。

GBin1分享10个必备的简化Web设计的HTML5工具

10. Font Dragr

一个非常好的拖放改变网站字体的工具, 你可以方便的添加你需要支持的字体。具体介绍参考这篇文章:分享一个实时动态修改测试网站字体的jQuery代码片断

GBin1分享10个必备的简化Web设计的HTML5工具

以上是我们收集的HTML5及其CSS3的设计工具,希望大家能够喜欢,如果你有其它的好工具,请你和我们分享。谢谢!

原文来自:分享10个必备的简化Web设计的HTML5工具

喜欢我们的文章请您与朋友分享:

?ü?à

留言

友情提示: 本站博客不再支持访客留言,如果有问题或者留言,请发布到  GBtags.com


  1. webex

    Initializr挺好用的,顶!
    2011-11-11 下午1:50
今日推荐