收集整理了一些前端網址與工具，希望對喜歡拼圖的小夥伴有幫助，手機閱讀不方便可以先收藏到微信然後再通過PC微信打開收藏到瀏覽器。
1. MarkMan —— 設計師，前端工程師必備
2. VIM —— 超快的編輯器
3. Adobe PhotoShop CS6 —— 切圖專用
4. IE Tester —— 檢查頁面兼容
5. Fiddler2 —— 檢測請求
6. Beyond Commpar —— 文件比較
7. GIT —— 分布式版本控制
8. Opera Mobile Emulator —— 手機瀏覽器
9. SimpLESS —— LESS
web色彩搭配
http://www.peise.net/tools/web/
http://www.peise.net/tools/lilun/lilunxuexi.html
http://www.colorschemer.com/online.html
http://www.workwithcolor.com/hsl-color-picker-01.htm
CSS3 生成器
http://www.css3maker.com/
http://www.flickyard.in/autocss3/
http://www.colorzilla.com/gradient-editor/
http://css3pie.com/
http://www.css3.me/
http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/
CSS3 按鈕生成器
http://www.wordpressthemeshock.com/css-drop-shadow/
http://css3buttongenerator.com/
CSS 圖片合成器
http://csssprites.com/
http://cn.spritegen.website-performance.org/
CSS代碼檢查
http://csslint.net/
ajax loading圖片
http://ajaxload.info/
http://preloaders.net/
CSS hack表
http://centricle.com/ref/css/filters/
瀏覽器市場
http://tongji.baidu.com/data/browser
測試瀏覽器支持CSS3情況
http://css3test.com/
http://kimblim.dk/css-tests/selectors/
http://selectivizr.com/
http://www.findmebyip.com/litmus
檢測用戶體驗
http://gtmetrix.com/
CSS模板生成器
http://blog.html.it/layoutgala/
http://www.mycelly.com/
http://www.intensivstation.ch/en/templates/
CSS壓縮
http://www.csscompressor.com/
CSS常用字體
http://cssfontstack.com/
http://www.google.com/webfonts#
http://www.dafont.com/
CSS3 Transform
http://www.useragentman.com/IETransformsTranslator/
CSS3 貝塞爾曲線
http://cubic-bezier.com/#.47,.73,1,.41
YUI CSS grid工具
http://developer.yahoo.com/yui/grids/builder/
JavaScrip代碼優化美化
http://js.clicki.cc/
代碼演示
http://jsfiddle.net/
http://jsbin.com/#html,live
http://ikeepu.com/bar/20143449
http://codepad.org/
原型圖設計工具
https://gomockingbird.com/mockingbird/#
http://www.jotform.com/
以上文章內容來自，拼圖響應式前端CSS框架作者，大火兔收集整理，轉載請註明出處或幫忙分享給身邊的前端、開發、UI並邀請Ta們關注，大火兔會非常感謝您，祝各位心想事成。多關注拼圖動態，分享轉發是對拼圖最好的支持。
提供騰訊、百度、阿里內推職位並提供內部試題，不定期放送各類原創後臺模版、企業模版、Js插件、微信
小程序源碼等資源，後臺、前端開發人員都會關注的公眾號！
目前100000+人已關注加入我們
家有家規，國有國規，那動物園裡有啥規？
關注拼圖前端框架（pintuercss）回復 Q426 獲取答案，不區分大小寫