Rendera

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

Patternizer

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

CanvasLoader Creator

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

On/Off Flipswitch HTML5/CSS3 Generator

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

Font Dragr

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

Sprite Box

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

Sketch Toy

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

Adobe Edge Animate

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

Initializr

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

HTML KickStart

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

Adobe Typekit

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

Webdirections

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

Liveweave

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

MRI

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

LimeJS

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

The HTML5 Test

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

Moqups

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

Stitches

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

Online 3D Sketch Tool

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

CreateM

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

(转)20 个大大节省你时间的 HTML5 开发工具的更多相关文章

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

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

  2. Java 中节省 90% 时间的常用的工具类

    前言 你们有木有喜欢看代码的领导啊,我的领导就喜欢看我写的代码,有事没事就喜欢跟我探讨怎么写才最好,哈哈哈...挺好. 今天我们就一起来看看可以节省 90% 的加班时间的第三方开源库吧,第一个介绍的必 ...

  3. 20个可以帮你简化iOS app开发流程的工具

    这里推荐20个可以帮你简化iOS app开发流程的工具.很多开发者都使用过这些工具,涉及原型和设计.编程.测试以及最后的营销,基本上涵盖了整个开发过程. 原型和设计 有了一个很好的创意后,你要做的不是 ...

  4. iOS开发之工具篇-20个可以帮你简化移动app开发流程的工具

    如果想进入移动app开发这个领域,你总能从别的开发者或者网上或者书上找到各种各样的方法和工具,对于新手来说,还没有摸清门路就已经陷入迷茫了.这里推荐20个可以帮你简化app开发流程的工具.很多开发者都 ...

  5. 推荐20个很有帮助的 Web 前端开发教程

    在平常的搜索中,我碰到过很多有趣的信息,应用程序和文档,我把它们整理在下面这个列表.这是收藏的遇到的有用内容的一个伟大的方式,可以在你需要的时候方便查阅.相信你会在这个列表中发现对你很有用的资料. 您 ...

  6. 推荐20个很有帮助的web前端开发教程

    1. CSS Vocabulary 一个伟大的指向和点击的小应用程序,让你加快速度掌握 CSS 语法的各个不同部分,学习各个属性的正确的名称. 2. Liquidapsive 一个简单的信息化布局,通 ...

  7. 推荐20个非常有帮助的web前端开发教程

    1. CSS Vocabulary 一个伟大的指向和点击的小应用程序,让你加高速度掌握 CSS 语法的各个不同部分,学习各个属性的正确的名称. 2. Liquidapsive 一个简单的信息化布局.通 ...

  8. 20个angularjs开发工具

    AngularJS是那些渴望以动态方式来设计web app的web开发人员最偏爱的框架之一.如果你是一个希望启动AngularJS项目的开发人员,那么你可能需要帮助来挑选出趁手的工具…… 在Value ...

  9. 【eclipse插件开发实战】 Eclipse插件开发5——时间插件Timer开发实例详解

    Eclipse插件开发5--时间插件Timer开发实例详解 这里做的TimeHelper插件设定为在菜单栏.工具栏提供快捷方式,需要在相应地方设置扩展点,最后弹出窗体显示时间. 在上一篇文章里创建好了 ...

随机推荐

  1. wildcard

    [rusky@rhel7 test]$ lstest1  test123  test2  test317  test33  test335  test336  test44  testtest[rus ...

  2. linux定时任务1-crontab命令

    简单测试例子: 添加定时任务前,注意查看crond服务是否已经启动,如果未启动,则用命令service crond start命令启动. 注意给脚本添加可执行权限. [root@rheltest1 ~ ...

  3. sourceTree添加git密钥步骤

    给多个远程服务器比如https://github.com/wangjian2014/wjtest/blob/master/wj.txt添加public密钥 本地服务器添加private密钥     S ...

  4. Wpf解决TextBox文件拖入问题、拖放问题

    在WPF中,当我们尝试向TextBox中拖放文件,从而获取其路径时,往往无法成功(拖放文字可以成功).造成这种原因关键是WPF的TextBox对拖放事件处理机制的不同, 解放方法如下: 使用Previ ...

  5. Design Pattern —— Prototype /Template Method/Iterator/Composite/Bridge

    Prototype /Template Method/Iterator/Composite/Bridge 为什么把这五种设计模式放一起呢,没什么太高大上的原因,就是因为这五种模式JAVA开发最基本的特 ...

  6. 微软分布式缓存 appfabric

    appfabric为微软自家产的分布式缓存解决方案,随dotnet4.0一起发布.目前版本为1.1

  7. 单点登录CAS使用记（八）：使用maven的overlay实现无侵入的改造CAS

    前期在学习CAS部署的过程中,都是网上各种教程,各种方案不停的尝试. 期间各种侵入改源码,时间久了,改了哪个文件,改了哪段配置,增加了哪段代码,都有可能混淆不清了. 而且最大的问题是,万一换个人来维护 ...

  8. Max Min Middle

    /*三者中的中间数*/#define Max(a,b) (a>b?a:b) #define Min(a,b) (a<b?a:b) int MiddleOfThree(int a, int ...

  9. 编辑一个类库项目 即*.csproj这个文件的正确方式

    以前总是用记事本打开,删除一些或增加一些已修改的文件 今天才知道,正确的方式为: 右键单击类库,选择“卸载项目”,然后再右键单击已卸载变为灰色的类库,选择“编辑*.csproj” 编辑完了重新加载一下 ...

  10. 在Activity之间如何传递数据，请尽可能说出你所知道的传递数据的方法，并详细描述其实现过程。

    在Activity之间如何传递数据,请尽可能说出你所知道的传递数据的方法,并详细描述其实现过程. 答案:可以通过Intent对象.静态变量.剪切板和全局对象进行数据传递,具体的数据传递方法如下. 1. ...