在线应用生成器

开源项目

color-thief颜色小偷:http://lokeshdhakar.com/projects/color-thief/
说明:你想知道你的图片的颜色有多少(调色板多少颜色)?使用这个JS版本的吧
源码:https://github.com/lokesh/color-thief
操作:登录网站,上传图片就会看到自动分析好了。

前端辅助

Bootstrap线格查看器:http://alefeuvre.github.io/foundation-grid-displayer/
说明:这个是辅助Bootstrap设计用的,可以查看由Bootstrap设计的网站的线格,通过这个工具可以分析Bootstrap设计的网站的一些思路噢
操作:进入网站内,根据提示先将脚本串加载到收藏夹中,然后再需要查看的网站点击之前增加的书签,然后再网页上方将出现控制的面板,根据需要设置之后就能看到一些网格显示在网站上方了。

Gridpak响应式网格工具生成器:http://Gridpak.com
说明:这个是响应式网页设计用的网格工具生成器,根据自己的需要定制网格系统并生成代码
操作:进入网站,很直观的一个操作界面,输入需要的网格数,定义一下参数,拖动一下模块,下载就是这么简单
同类:Simple Grid | Susy | Tiny Fluid Grid | Variable Grid System | Style Tiles | Adobe Edge Reflow

图形生成

Iconion: awesome icon creator图标自动生成:http://www.iconion.com/index.html
说明:根据素材来生成LOGO图标哦~~
操作:请下载安装即可操作啦。

圆形饼状图:http://piecolor.com/
说明:生成2D或者3D的圆形饼状图。
操作:1.进入网站,需要输入划分的数量;2.根据设定划分的数量设置所占比例、颜色及名称。

Clipping Magic抠图工具:http://clippingmagic.com/
说明:再也不用为没有安装PS抠图而烦恼了。
操作:进入网站上传图片,然后画圈,跟knockout插件的操作方式差不多的。

JS工具集

在线JS测试环境:http://jsfiddle.net/
说明:在线的JS开发环境,很棒。

常备工具

自动更新网站的页脚版权日期:http://updateyourfooter.com/
百度静态CDN资源公共库:http://cdn.code.baidu.com/
微信腾讯前端通用库CDN:http://qydev.weixin.qq.com/wiki/open/cdn/cdnjs.html