萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 前端開發小工具集合

前端開發小工具集合

class="area">

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

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
copyright © 萬盛學電腦網 all rights reserved