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. 属性动画详解 Interpolator TypeEvaluator

    概述 产生原因         3.0以前,android支持两种动画模式,tween animation,frame animation,在android3.0中又引入了一个新的动画系统:prope ...

  2. Java HttpClient

    public class WebClient { public static final String POST_TYPE_JSON = "json"; public static ...

  3. .Net程序员 Solr-5.3之旅 (二)Solr 安装

    阅读目录 引言 Solr5.3环境搭建 Solr5.3创建第一个Core 结尾 引言 一个糟糕的设计有好的表现形式,它会被判死缓,一个好的设计有糟糕的表现形式,它会被判死刑立即执行. 以上摘自一个设计 ...

  4. Mysql锁机制介绍

    Mysql锁机制介绍 一.概况MySQL的锁机制比较简单,其最显著的特点是不同的存储引擎支持不同的锁机制.比如,MyISAM和MEMORY存储引擎采用的是表级锁(table-level locking ...

  5. Android学习手记(2) Activity生命周期

    1. 单个Activity的生命周期 当只有一个Activity的时候, 首先执行onCreate->onStart->onResume. 这时, 窗口便显示在屏幕上了. 然后我们按返回键 ...

  6. MSSQL 查询统计某状态出现的次数及累计时间

    1.问题来源 最近客户需要统计某个设备,某状态,在某一个时间段内出现的次数,并计算累计出现的时间. 数据源如下: 现在如果要统计UPSCTSTA状态为D出现的次数(同一状态,连续出现的认为是一次),并 ...

  7. win7下如何执行批处理文件

    经过了一段时间的适应之后,某C也基本摸透了Win7的习性,然后突然发现无聊,就上了VeryCD去下载几个游戏玩.R大是电驴游戏版块的大神,某C怀着崇敬的心情,每每都追寻着他的足迹下载游戏.这次正好下载 ...

  8. JavaScript 类、构造函数、原型

    类.构造函数.原型  :本质均为函数 利用的原理是:词法作用域,调用对象及作用域链  闭包  属性查找方式    设计和new运算符一起使用的函数叫做构造函数. 构造函数的工作:初始化一个新创建的对象 ...

  9. react-native-router-flux 下部导航

    github url:https://github.com/aksonov/react-native-router-flux API: https://github.com/aksonov/react ...

  10. java 代码第一天练习

    这个是在其他博文中看到的http://blog.sina.com.cn/eltaera,用来记录学习分享 [程序1] 题目:古典问题:有一对兔子,从出生后第3个月起每个月都生一对兔子,小兔子长到第三个 ...