20 个大大节省你时间的 HTML5 开发工具

oschina
 oschina
发布于 2013年07月15日
收藏 324

Rendera

如果你希望有个环境可以测试、浏览和体验各种不同的 CSS/HTML 和 JavaScript 代码,Rendera 为你提供了实时的运行结果。类似 RunJS

Rendera

Patternizer

从名字可看出该工具可以创建真正的调色板,包括各种线条和条文,可编辑线宽、颜色、角度和间隙,特别适合用来创建背景图片。

Patternizer

CanvasLoader Creator

通过这个工具可以定制你的加载器,创建更吸引眼球的访问体验,无需任何编码

CanvasLoader Creator

On/Off Flipswitch HTML5/CSS3 Generator

用来创建各种滑动开关效果

On-Off Flipswitch HTML5-CSS3 Generator

Font Dragr

用来测试字体是否适合你的网页,只需拖放即可操作

Font Dragr

Sprite Box

It enables adding life in sprite images by adding them with HTML5, CSS3, or JavaScript codes.

spritebox

Sketch Toy

这是一个简单的工具,通过鼠标可轻松创建各种素描艺术效果

sketchtoy

Adobe Edge Animate

用来创建兼容各种浏览器的动画效果

Adobe Edge Animate

Initializr

Initializr 提供模板化工具来快速创建 HTML 网站

Initializr

HTML KickStart

同上,快速的网站创建工具,允许通过简单点击编辑按钮、列表、表格和排版

HTML KickStart

Adobe Typekit

该工具帮你选择合适的字体,并可进行实时效果预览

Adobe Typekit

Webdirections

Webdirections 可方便的测试、浏览和体验代码,通过简单的点击进行 HTML、CSS 的操作

Webdirections

Liveweave

另外一个类似 RunJS 的在线工具

Liveweave

MRI

MRI 可以让你测试各种选择器

MRI

LimeJS

LimeJS 是一个 JavaScript 游戏开发框架,允许开发者创建基于 HTML5 的游戏,支持主流浏览器包括iOS。

LimeJS

The HTML5 Test

用来测试浏览器对 HTML5 的支持程度

The HTML5 Test

Moqups

Moqups 是一款HTML5在线的WEB框架、模型、UI设计并创建的网络应用程序。

Moqups

Stitches

Stitches 是一个 HTML5 sprite 样式创建工具,可以将多个图片合并成一个,并给出 sprite 样式。

Stitches

Online 3D Sketch Tool

这是一个在线 3D 草图工具

Online 3D Sketch Tool

CreateM

CreateM 是一个真正酷的 HTML5 工具,可编辑网站的所有属性

CreateM

via inspiretrends

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:20 个大大节省你时间的 HTML5 开发工具
加载中

最新评论(8

墨竹
墨竹
mark
一寸飞
一寸飞
笑而纳之
Glitter
Glitter
有用~
E-leven11
E-leven11
收了
seared2008
seared2008
真的有那么好吗?
大侠柳云枫
大侠柳云枫
mark
阿影
阿影
mark
代东升
代东升
收藏
返回顶部
顶部