前端素材大杂烩

在线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