---

layout: pages

title: 工具

---

<h3>CSS</h3>

<li>

<a href="http://prefixr.com/" target="_blank">

<span>css3 前缀补全<br>为标准的css3样式添加浏览器前缀</span>

</a></li>

<li><a href="http://www.css3maker.com/" target="_blank">

<span>CSS3 Generator<br>一款css3样式自动生成工具</span>

</a></li>

<li><a target="_blank" href="http://www.css3.me/">

<span>Another CSS3 Generator<br>又一款css3样式自动生成工具</span>

</a></li>

<li><a target="_blank" href="http://www.patternify.com/">

<span>CSS Pattern Generator<br>在线生成基于base64的背景图片</span>

</a></li>

<li><a target="_blank" href="http://css.doyoe.com/">

<span>CSS参考手册<br>前端开发参考手册系列</span>

</a></li>

<h3>JavaScript</h3>

<li><a href="http://jsonlint.com//" target="_blank">

<span>Json Validator<br>在线Json数据格式验证工具</span>

</a></li>

<li><a target="_blank" href="http://www.jslint.com/">

<span>JSLint<br>JavaScript 代码质量检查工具</span>

</a></li>

<li><a target="_blank" href="http://jsbeautifier.org/">

<span>JS format<br>JavaScript 在线格式化工具</span>

</a></li>

<h3>图片</h3>

<li><a href="http://www.ajaxload.info/">

<span>Ajax-loading generator<br>在线生成 Ajax loading图片</span>

</a></li>

<li><a target="_blank" href="http://www.cssload.net/">

<span>cssload<br>在线制作Ajax加载动画</span>

</a></li>

<li><a target="_blank" href="http://preloaders.net/">

<span>3D loading image<br>在线制作3D loading图片</span>

</a></li>

<li><a target="_blank" href="http://findicons.com/">

<span>Icon Search<br>非常强大的图标搜索引擎</span>

</a></li>

<li><a target="_blank" href="http://www.iconpng.com/">

<span>爱看图标网<br>免费图标搜索引擎！</span>

</a></li>

<h3>颜色</h3>

<li><a href="http://colorschemedesigner.com/" target="_blank">

<span>Color Scheme Designer<br>在线颜色模式设计工具</span>

</a></li>

<li><a target="_blank" href="http://hao.soxu.cn/Index-shoescolor/">

<span>颜色对照表<br>常用颜色一览表</span>

</a></li>

<li><a target="_blank" href="http://colorexplorer.com/">

<span>Color Explorer<br>又一款颜色筛选工具</span>

</a></li>