本文精选了前端开发中不可或缺的小工具和资源，涵盖代码压缩、JSON解析、图片生成、图标字体、CSS动画等实用功能，旨在提升前端工作效率。
工欲善其事,必先利其器。从事前端工作，强烈推荐的小工具：
1.
常用工具集合：（各类Jquery API集合，css速查，强烈推荐）
http://code.ciaoca.com/
2. 自动生成图片: （如何配置：http://dummyimage.com/）
3. 汉字转unicode|unicode转汉字
4. Javascript在线压缩、解压
5. 在线查看json数据
6. UrlEncode编码/UrlDecode解码
10. 很多api
11. CSS 图片合成器
http://csssprites.com/
http://cn.spritegen.website-performance.org/
http://cn.spritegen.website-performance.org/
13. 时间检测：
14. 生成图片的css
15. html演示器
http://jsfiddle.net/
【常用软件及IDE编辑器】
1. MarkMan —— 设计师，前端工程师必备（用来标注图片大小、元素间距、色值）
2. VIM —— 超快的编辑器
3. IE Tester —— 检查IE页面兼容性
4. Fiddler2、Charles —— 检测请求
5. Beyond Commpar —— 文件比较
6. GIT —— 分布式版本控制
7. Opera Mobile Emulator —— 手机浏览器
8. phpStorm ——写html、css、js、php的利器
以上是我常用的一些小工具。如果大家其它更好的，欢迎补充。
（写完博客后，发现这篇文章里总结的也很多http://www.admin10000.com/document/1458.html)
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
