前端开发工具集合

标签：

收集的一些轻量级非常实用的前端开发小工具：

CSS3相关

1. CSS3样式生成器：http://www.css88.com/tool/css3Preview/
2. CSS3渐变样式生成器，类似Photoshop中的渐变界面：http://www.colorzilla.com/gradient-editor/
3. CSS3动画制作工具Sencha Animator：http://www.sencha.com/products/animator/
4. 背景色alpha透明工具：http://www.linxz.de/demo/hex_change.html（IE滤镜须是在一个有宽高设置的容器中，或者激活haslayout的属性。具体介绍：http://blog.linxz.de/ie_filter_css3_rgba/）–2011-01-18更新

Data URI

1. Encode Data URL(舜子开发的)http://www.css88.com/tool/DataURL/

unicode转换工具

1. unicode转换工具：http://www.css88.com/archives/2093

在线代码编辑器

Javascript相关

1. html结构转换成用+相连的js换行字符串工具：http://www.html-js.com/my-js/version0.0.1/tool/html2string.html
2. JS压缩工具 ：http://www.css88.com/tool/ysjs/
3. JavaScript 格式化工具：http://www.css88.com/tool/js_beautify/

CSS相关

1. css属性排序工具：http://www.html-js.com/my-js/version0.0.1/tool/css-format.html
2. CSS整形和优化工具：http://www.css88.com/tool/csstidy/

其他相关工具

1. PNG压缩网站：http://www.gracepointafterfive.com/punypng/
2. 【FF插件】图片压缩工具Smush it：http://www.css88.com/archives/1201
3. 截图，取色，量尺寸，屏幕录制工具(FastStone Capture)：http://www.css88.com/archives/1096
4. ajax loading 图标在线制作及收藏：http://www.css88.com/archives/1182

文章出处：前端开发工具集合（2011最新） - 前端开发

前端开发工具集合

标签：

原文地址：http://www.cnblogs.com/doocii/p/5080023.html