前端-技术网站收集

前端-技术网站收集

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

---

技术文档

• 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命名：http://www.w3cplus.com/css/mindbemding-getting-your-head-round-bem-syntax.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/