web前端开发小工具集合

php中文网

发布时间：2016-06-13 09:36:10

1175人浏览过

来源于php中文网

原创

收集的一些轻量级非常实用的前端开发小工具，以后还会不定期进行更新，现将目前收集的信息列表如下：

CSS 3相关

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/）

Data URI

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

转码工具

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

2.encode转换工具：http://labs.pufen.net/views/convert_encoding.php

立即学习“前端免费学习笔记（深入）”；

http://www.css88.com/tool/encode/convert_encoding.php

在线代码编辑器

1.小可是丸子制作的一个在线代码编辑器，轻松分享代码，用于提问，测试和转发代码等，是一个方便又不错的工具：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

阳光订餐系统

欢迎使用阳光订餐系统，本系统使用PHP5+MYSQL开发而成，距离上一个版本1.2.8发布已经有一年了。本系统集成了留言本，财务管理，菜单管理，员工管理，安全管理，WAP手机端等功能，并继续继承1.X老版本简单、实用、美观的特点，在老版本上的基础上做了如下更新：1.更简洁的前台与后台，菜单及功能布局更合理。2.更合理的文件结构，合理适度的模板机制以及OO运用，更易于理解的代码，更适于二次开发；3.

下载

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