前端开发小工具集合(2011-05-24更新)

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

  1. CSS3样式生成器:https://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(舜子开发的)https://www.css88.com/tool/DataURL/

转码工具

  1. unicode转换工具:https://www.css88.com/archives/2093
  2. encode转换工具:http://labs.pufen.net/views/convert_encoding.php |?https://www.css88.com/tool/encode/convert_encoding.php(2011-05-24更新)
在线代码编辑器
  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压缩工具 :https://www.css88.com/tool/ysjs/
  3. JavaScript 格式化工具:https://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整形和优化工具:https://www.css88.com/tool/csstidy/

其他相关工具

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

欢迎大家留言推荐前端开发小工具,不胜感激!

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 前端开发小工具集合(2011-05-24更新)

评论 11

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    http://code.wanz.im/ 小工具一枚

    丸子8年前 (2011-01-12)回复
  2. #-48

    收了

    踢球人8年前 (2011-01-13)回复
  3. #-47

    Balsamiq Mockups 这个蛮好。。。

    cssrain8年前 (2011-01-19)回复
  4. #-46

    收了。

    猴子8年前 (2011-01-22)回复
  5. #-45

    马克鳗—前端工程师标注工具 http://www.getmarkman.com/

    fxlijun8年前 (2011-04-06)回复
  6. #-44

    很好很全的前端工具,分享太好了,引用了,http://www.jshtmlcss.com/454/

    前端开发8年前 (2011-08-17)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏