前端開發小工具集合

 收集的一些輕量級非常實用的前端開發小工具：

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/

轉碼工具

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（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壓縮工具 ：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