前端開發常用網址

標籤：style   http   java   檔案   資料   for   ar   div   

工欲善其事,必先利其器。從事前端工作，經常會用到的工具： 1. 產生圖片的css     http://www.spritecow.com/ 2. 自動產生圖片: （如何配置：http://dummyimage.com/）     http://dummyimage.com/300x240/c59/fff.png  3. 漢字轉unicode|unicode轉漢字     www.guabu.com/zhuanma/ 4. Javascript在線壓縮、解壓     http://js.clicki.cc/ 5. 線上查看json資料     http://www.bejson.com/go.html?u=http://www.bejson.com/jsonview2/ 6. UrlEncode編碼/UrlDecode解碼    http://tool.chinaz.com/Tools/URLEncode.aspx 7. iconfont     http://iconfont.cn/8. css3動畫產生器     http://ecd.tencent.com/css3/tools.html 9. 產生icon圖片的網站     http://glyphicons.com/ 10. 很多api     http://overapi.com/11. CSS 圖片合成器    http://csssprites.com/
    http://cn.spritegen.website-performance.org/12. CSS代碼檢查
    http://csslint.net/ 【常用軟體及IDE編輯器】

1.  MarkMan     ——    設計師，前端工程師必備（用來標註圖片大小、元素間距、色值）
2.  VIM     ——    超快的編輯器
3.  IE Tester     ——    檢查IE頁面相容性
4.  Fiddler2、Charles     ——    檢測請求
5.  Beyond Commpar     ——    檔案比較
6.  GIT     ——    分布式版本控制
7.  Opera Mobile Emulator     ——    手機瀏覽器
8. phpStorm  ——寫html、css、js、php的利器

 

以上是我常用的一些小工具。如果大家其它更好的，歡迎補充。

（寫完部落格後，發現這篇文章裡總結的也很多http://www.admin10000.com/document/1458.html)