前端-技术网站收集

前端-技术网站收集

入行来所了解到的一些技术资源，收纳整理了一下，以便日后查找，后续还会继续补充！

技术文档

html：http://www.w3school.com.cn/tags/index.asp

css：http://www.css88.com/book/css/

jquery：http://www.css88.com/jqapi-1.9/、http://www.jquery123.com/

javascript：http://bonsaiden.github.io/JavaScriptGarden/zh/、http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000

CSS属性兼容性：http://caniuse.com/

socket.io：http://socket.io/docs/、https://cnodejs.org/topic/50a1fcc7637ffa4155b5a264

MDN开发者文档： https://developer.mozilla.org/zh-CN/

W3C：http://www.w3school.com.cn/

菜鸟教程：http://www.runoob.com/

模块化开发

Sea.js：http://seajs.org/docs/#intro

require.js :http://requirejs.cn/、http://my.oschina.net/u/1992917/blog/350938?fromerr=uFwYLSWQ

框架

BootStrap ：http://www.bootcss.com/、http://v3.bootcss.com/

layer：http://www.layui.com/

模板

百度模板：http://tangram.baidu.com/BaiduTemplate/?qq-pf-to=pcqq.group

layTpl：http://laytpl.layui.com/

插件

jqwidgets：http://www.jqwidgets.com/jquery-widgets-demo/

layer弹层组件：http://layer.layui.com/

layDate日期控件：http://laydate.layui.com/

layPage分页组件：http://laypage.layui.com/

js日期处理类库-Monment.js：http://momentjs.cn/

图表-ECharts：http://echarts.baidu.com/index.html

图标库

阿里巴巴图标库：http://www.iconfont.cn/collections

Fontawesomw图标字体库：http://fontawesome.dashgame.com/

iconfinder：http://findicons.com/

easyicon：http://www.easyicon.net/

iconpng：http://www.iconpng.com/

flaticon：http://www.flaticon.com/most-downloaded/

iconspedia：http://www.iconspedia.com/ 分类精细，种类多

iconshow：http://iconshow.me/

dryicons：http://dryicons.com/

logo库：http://logodust.com/

字体库：http://www.fontsquirrel.com/

icono： http://saeedalipoor.github.io/icono/

效果

jquery插件库：http://www.jq22.com/

html+css 特效：http://www.htmljscss.com/

loading加载：http://codepen.io/collection/HtAne/10/

综合

业内优秀技术团队资源分享：https://github.com/luoyjx/frontend-navigation

在线学习设计和开发的站点：http://www.runoob.com/w3cnote/30-best-websites-to-learn.html

汇智网：http://www.hubwiz.com/course/

慕课网：http://www.imooc.com/

33个网站足以使你成为天才：http://codecloud.net/33-websites-that-will-make-you-a-genius-5186.html

学习资源推荐：http://www.devstore.cn/new/newInfo/17621.html?ref=myread

极客标签：http://www.gbtags.com/gb/index.htm

开发支持

谷歌浏览器关联文件：http://www.bkjia.com/Javascript/1043026.html

快捷编辑代码的插件：http://emmet.io/

素材网站

视觉中国：http://shijue.me/home 视觉中国 专业素材下载需要付费

站酷：http://www.zcool.com.cn/ 素材种类较多，设计师比较专业，作品推陈出新比较快，质量普遍较高，另外很多作品都有源文件，可以自由下载

海洛创意：http://www.zcool.com.cn/hellorf/ 素材专业，质量颇高，都有水印，需要付费

花瓣网：http://huaban.com/ 【灵感类网站】

dribbble：https://dribbble.com/ 【灵感类网站】

behance：https://www.behance.net/ 【灵感类网站】

摄图网：http://699pic.com/ 免费正版的摄影图

90设计：http://90sheji.com/linggan/so/haiyang.html 【电商类网站】 比较垂直的电商设计素材库，质量中上等，可免费下载

UI中国：http://www.ui.cn/ 【ui类网站】 质量颇高，教程专业，可以找灵感，向高手请教的好平台

uimaker：http://www.uimaker.com/ 【ui类网站】ui素材和教程

ui社：http://www.uishe.cn/down/app/20150807/3236.html

awwwards ：http://www.awwwards.com 做的很好看的网站汇总

其它

前端资源库： https://www.awesomes.cn/

jquery小技巧：http://www.w2bc.com/article/35-jquery-skills

git教程：http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000

网站性能优化：http://www.cnblogs.com/li0803/archive/2009/09/20/1570581.htm

响应式布局案例：http://mediaqueri.es/

25个可遇不可求的jquery插件：http://www.csdn.net/article/2014-03-14/2818765-best-free-jquery-plugin

前端小白到大神，不可不收藏的网站合集：http://webres.wang/frontend-must-have-web-resources/

开源项目：http://www.bootcdn.cn/

BEM命名：/article/1214579.html

CSS代码重构与优化之路：http://luopq.com/2016/01/05/css-optimize/

用NodeJS完成简单的身份验证：http://www.zhanxin.info/nodejs/2013-10-16-simple-authentication-in-nodejs.html

谷歌浏览器插件下载：http://www.chromein.com/

技术资讯（英文版）：https://dzone.com/

为设计师准备的 10 个最棒的 Chrome 扩展插件：http://webres.wang/10-best-chrome-extensions-for-designers/?ref=myread

web前端网站收藏： http://www.jianshu.com/p/4u7qwZ

适用于 BootStrap 站点的 15 个免费 jQuery 轮播图插件：http://webres.wang/15-fantastic-free-jquery-sliders-for-bootstrap-sites/

css动画大集合：http://www.webhek.com/css3-animation-sniplet-collection#/

字体单位换算：http://pxtoem.com/

淘宝镜像：http://npm.taobao.org/