您的位置:首页> 日志> 前端技术 正文

在朋友的个人博客上面看到一篇很有用的文章,也是以前的同事,所以转载过来大家分享了,以下是转载的原文:

 

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

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/

 

Data URI

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

 

unicode转换工具

  1. unicode转换工具:http://www.css88.com/archives/2093
 
在线代码编辑器
  1. 小可<Little Code />是丸子制作的一个在线代码编辑器,轻松分享代码,用于提问,测试和转发代码等,是一个方便又不错的工具:http://code.wanz.im/
  2. CodeBox:http://box.linxz.cn/

 

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