前端素材大雜燴

在線API文檔：http://tool.oschina.net/apidocs

Web 前端開發規範：http://www.html5cn.org/article-8716-1.html        http://zhibimo.com/read/Ashu/front-end-style-guide/

騰訊編碼規範：http://www.css88.com/doc/codeguide/ 

 

手把手教你從設計稿到切圖設計一款APP：http://www.imooc.com/article/1510

 

高效的設計稿標註、測量工具：http://www.baimg.com/Course/201412/58.html

css/js在線合併壓縮：http://tools.css-js.com/   

js/css代碼在線壓縮和優化(YUI Compressor)：http://ganquan.info/yui/?hl=zh-CN

在線編輯器：http://jsbin.com/    http://runjs.cn/   http://jsfiddle.net/

 

w3cfuns前端神器：http://www.w3cfuns.com/tools.php

 

前端調試神器：http://www.zhihu.com/question/35667558/answer/63936233

 

自動生成SVG圖形：http://editor.method.ac/

 

可用的谷歌搜索網址：https://github.com/greatfire/wiki

base64:URL背景圖片與web頁面性能優化  http://tools.css-js.com/base64.html

favicon.ico在線製做,在線Favicon.ico製做轉換工具：http://www.favicon-icon-generator.com/

站外視頻/iframe/web內嵌內容響應式代碼：http://embedresponsively.com/

學習 Web 開發技術的16個最佳教程網站和博客:http://bbs.html5cn.org/thread-8886-1-1.html

 

七天學會NodeJs：http://nqdeng.github.io/7-days-nodejs/#1.1

 

D3（強大可視化數據js庫）：http://d3js.org/

 

ECharts（純javascript圖表庫）：http://echarts.baidu.com/doc/doc.html

 

hcharts中文網：http://www.hcharts.cn/

 

圖片壓縮有些在線工具，壓縮率也很給力，還能保質：https://tinypng.com/   http://punypng.com/ 

參考地址：http://blog.cabbit.me/web-image-optimization/

 

Font-Awesome字體圖標：http://www.thinkcmf.com/font/

easyicon字體圖標：http://www.easyicon.net/iconsearch/ios

阿里官方矢量圖標庫：http://iconfont.cn/

svg圖標(支持轉換SVG Sprite)：https://icomoon.io/app/

 

Super Marker（在線切圖工具）：http://barretlee.github.io/SuperMarker/index_cn.html

 

網頁素材：http://www.lanrentuku.com/（懶人圖庫）

 

懶人之家：http://www.lanrenzhijia.com/jquery/

 

素材吧：http://www.sucai888.com/

 

素材中國：http://www.17sucai.com/

 

網頁素材大全：http://js.itivy.com/

 

400+線性圖標大集合：http://www.html5cn.org/article-7458-1.html

 

用於展示圖表的50種javascript庫：http://bbs.html5cn.org/thread-11103-1-1.html