推荐给APP设计师或HTML5开发人员的5个小工具

原文：http://www.25xt.com/html5css3/5120.html

 

推荐给APP设计师或HTML5开发人员的5个小工具

发布于： 2014 年 2 月 27 日 by admin

 

第一个小工具：快速定制自己满意的图标（IconBench），免去找图标的烦恼。

IconBench允许你定制一组超过700个的图标集。你可以设置不透明性，外阴影，内阴影，渐变等效果，然后选择你最想要的图标。

酷站官网：http://IconBench.com/

 

第二个小工具：响应式网格系统（rwdgrid）

25学堂认为是HTML5开发人员最喜爱的小工具。看看这些大气漂亮的HTML5酷站，会不会有冲动去尝试呢？

rwdgrid.com 是一款基于960.gs的响应式网格系统，包含不同的网格系统，支持1200PX，960px，720px的显示屏以及移动设备。

酷站官网：http://rwdgrid.com/

 

第三个小工具：APP设计师的切图神器Slicy（Layer Cake）

这款神器得到阿里巴巴设计大师的极力推荐哦！25学堂推荐使用。

Slicy 是一款iOS或Android开发者必备的切图神器，只需在Photoshop里将图层命名好并保存为PSD格式文件，然后拖进软件里保存，就可超神速地把PSD内的元素切成一幅幅可供开发者使用的图片。

使用方法

1. 将要切的图拖进photoshop里，重命名为 xxx.png (注意命名的后缀)。
2. 命名完所有图层之后保存为PSD格式文件，然后把psd文件拉进Slicy。
3. 完成后点击 “Save”，并设置保存目录，图片就切好了。

只有你养成好的图层命名规则，这款软件才可以快速生成切图格式，帮你省掉一半的工作时间。快速提高你的工作效率。

设计师的切图神器Slicy下载地址：http://vdisk.weibo.com/s/BJ9dbBuvuWx0y

 

第四个小工具：前端网页测试软件SimplyTestable

这块小工具是web前端开发人员提高代码的正确率，方便优化的好工具。

SimplyTestable 是一款自动的前端网页测试软件，支持一键测试。他可以验证你的HTML 标记，并给出一份网站总览报告和一份详细错误报告等等。

酷站官网：http://simplytestable.com/

 

第五个小工具：Bootsnipp是Bootstrap爱好者的天堂。也是Bootstrap爱好者学习和借鉴的好地方。

Bootsnipp 是一套提供给设计师和开发者的基于Bootstrap HTML/CSS/JavaScript 架构的免费元素库。目前有60个，还会陆陆续续增加更多免费元素库。

酷站官网：http://bootsnipp.com/