前端资源导航

收集一些自己喜好的前端相关社区、网站、博客、资源等备查，有好的欢迎推荐。

  • 综合

  • 社区、博客

  • 库、框架、资源

  • CDN，镜像

  • 设计、模板

  • 交互、体验

  • 教程、书籍

  • 招聘

  • 其他

综合

名称 URL 简介
W3C http://www.w3.org/ 
http://www.chinaw3c.org/		 万维网联盟官方网站
MDN https://developer.mozilla.org/ Mozilla Developer Network，文档权威
StackOverflow http://stackoverflow.com/ 最大最全的技术问答社区
SegmentFault http://segmentfault.com/ 中国开发者社区，国内的SO
GitHub https://github.com/ 开源代码库，源码托管协作必备
知乎 http://www.zhihu.com/ 每日必刷
InfoQ http://www.infoq.com/ 
http://www.infoq.com/cn/		 高质量软件开发领域知识与创新传播网站
开源中国 http://www.oschina.net/ 国内最大的开源技术社区，开源项目速查
MSDN http://msdn.microsoft.com/zh-cn/ 我起初系微软系
博客园 http://www.cnblogs.com/ 最初是.NET系，现在是全技术系
V2EX http://v2ex.com/ 创意工作者们的社区
乌云 http://www.wooyun.org/ 厂商和安全研究者之间的安全问题反馈平台
ideone http://ideone.com/ 在线代码编译调试，支持多种语言，适合没有环境时使用
jsfiddle http://jsfiddle.net/ 在线前端html、css、js代码编辑
jsbin http://jsbin.com/ 同上

社区、博客

有很多已经不怎么更新的或者质量变差的博客不再搜集。

名称 URL 简介
w3ctech http://www.w3ctech.com/ 中国最大的前端技术社区，信息量多，但良莠不齐
前端圈 http://fequan.com/ 为广州web前端人员量身打造的生态圈，主要是主题演讲
div.io http://div.io/ 高质量小圈子前端社区，邀请注册
前端乱炖 http://www.html-js.com/ 也有很多不错的文章
w3cplus http://www.w3cplus.com/ 大漠主办的技术博客，CSS的知识居多
w3cfuns http://www.w3cfuns.com/ 前端综合网站，内容较杂，闲时可以随便逛逛
大前端 http://www.daqianduan.com/ 有一些前端内容，主要推广wordpress主题
F2E.im http://f2e.im/ 玉伯建的前端技术社区
CSS88 http://www.css88.com/ 有一些前端库的中文文档 @愚人码头
CNodeJS https://cnodejs.org/ 国内 Node.js 开源技术社区
前端观察 http://www.qianduan.net/ 博客，内容搬运工，更新速度一般
前端早读课 http://www.zaoduke.net/ 一周一两篇转载，可以订阅微信号
AlloyTeam http://www.alloyteam.com/ 腾讯全端 AlloyTeam 团队博客
FEX http://fex.baidu.com/ 百度web前端研发部
淘宝UED http://ued.taobao.org/blog/ 淘宝UED博客
去哪儿网UED http://ued.qunar.com/ 去哪儿网UED知识库
奇舞团 http://www.75team.com/ 360前端团队博客
百度EFE http://efe.baidu.com/ 百度前端技术体系博客
TID http://tid.tenpay.com/ 财付通TID团队博客
新浪UED http://ued.sina.com.cn/ 新浪UED团队博客
网易UED http://uedc.163.com/ 网易UED团队博客
阿里UED http://www.aliued.cn/ 阿里UED团队博客
携程UED http://ued.ctrip.com/blog/ 携程UED团队博客
阿里妈妈MUX http://mux.alimama.com/ 阿里妈妈MUX团队博客
百度UED http://ued.baidu.com/ 百度UED团队博客
SmashingMagazine http://www.smashingmagazine.com/ 关于coding、design、mobile、ux等综合门户
CSS-Tricks https://css-tricks.com/ CSS技巧集合
DailyJS http://dailyjs.com/ js相关技术博客
Tutorialzine http://tutorialzine.com/ coolest web development tutorials and resources
Codrops http://tympanus.net/codrops/ web设计、开发博客
NCZOnline http://www.nczonline.net/ Nicholas C. Zakas博客，Yahoo前端leader，牛人不解释
Addy http://addyosmani.com/blog/ Addy Osmani的博客，Chrome team大牛
Paul Irish http://www.paulirish.com/ Paul Irish的博客，Google Chrome Team 前端开发
Steve Souders http://www.stevesouders.com/blog/ Steve Souders的博客，web performance专家
Jake Rutter http://www.onerutter.com/ Jake Rutter的博客
张鑫旭 http://www.zhangxinxu.com/wordpress/ ISUX张鑫旭个人博客
阮一峰 http://www.ruanyifeng.com/blog/ 阮一峰个人博客，更新频繁
winter http://winter-cn.cnblogs.com/ 阿里winter博客
酷壳 http://coolshell.cn/ 分享技术见闻，知识，趋势的博客
朴灵 http://html5ify.com/ 阿里数据平台数据产品部资深工程师朴灵
TQ http://tqtan.com/ 腾讯ISUX TQ
qiqiboy http://www.qiqiboy.com/ 金山网络qiqiboy
周爱民 http://blog.csdn.net/aimingoo/ 大道至简
hax http://johnhax.net/ 百姓网贺师俊
三生石上 http://www.cnblogs.com/sanshi
司徒正美 http://www.cnblogs.com/rubylouvre 去哪儿网前端老大司徒正美
叶小钗 http://www.cnblogs.com/yexiaochai
Ty http://typeof.net/ USTC的大牛
CSSForest http://blog.cssforest.org/ 腾讯重构大牛
99css http://www.99css.com/ ytzong
米随随 http://s5s5.me/ 刘小超博客

库、框架、资源

  • frontend-dev-bookmarks

  • github-FE-project

CDN，镜像

GFW~ WTF

名称 URL 简介
百度CDN http://cdn.code.baidu.com/ 百度静态资源公共库
360CDN http://libs.useso.com/ 360网站卫士常用前端公共库CDN，Google那几个替换很好使
微信CDN http://qydev.weixin.qq.com/wiki/open/cdn/cdnjs.html 微信前端库CDN服务
BootCDN http://www.bootcdn.cn/ Bootstrap中文网开源项目CDN库
淘宝NPM http://npm.taobao.org/ 淘宝 NPM 镜像
淘宝RubyGems http://ruby.taobao.org/ 淘宝 RubyGems 镜像

设计、模板

名称 URL 简介
Designerslist http://www.designerslist.info/ 国外设计网站导航
NAV80 http://nav80.com/ 设计师网址导航
UISDC http://hao.uisdc.com/ 又一个设计师网址导航
dribbble https://dribbble.com/ 设计师社区
behance https://www.behance.net/ Showcase & Discover Creative Work
UI.PARADE http://www.uiparade.com/ UI设计灵感集合
站酷 http://www.zcool.com.cn/ 我的最爱
UI中国 http://www.ui.cn/ 前身为iconfans.com
dowebok http://www.dowebok.com/ 做好网站，一些代码库和素材
优设 http://www.uisdc.com/ 优秀网页设计联盟
UIRSS http://www.uirss.com/ UI设计门户网站和垂直型社区
设计达人 http://www.shejidaren.com/ 一些设计相关的文章、素材等
Color CC https://color.adobe.com/zh/ Adobe在线配色，原Kuler
配色网 http://www.peise.net/ 配色方案和颜色搭配
找字网 http://www.zhaozi.cn/ 字体大全
Chinaz http://font.chinaz.com/ 字体素材
easyicon http://www.easyicon.net/ ICON资源
flaticon http://www.flaticon.com/ 矢量ICON资源
ICONFONT http://www.iconfont.cn/ 阿里UX矢量图标库
iconpng http://www.iconpng.com/ ICON资源
brands http://www.brandsoftheworld.com/ 世界logo大全
LOGOpond http://logopond.com/ Logo大全
Mobile Patterns http://www.mobile-patterns.com/ 移动UI设计范例

交互、体验

名称 URL 简介
ISUX http://isux.tencent.com/ 腾讯社交用户体验设计
beforweb http://beforweb.com/ ISUX C7210博客
JDC http://jdc.jd.com/ 京东用户体验设计团队
IFED http://ifed.me/ 蚂蚁金服金融体验设计团队
腾讯CDC http://cdc.tencent.com/ 腾讯用户研究与体验设计中心
腾讯MXD http://mxd.tencent.com/ 腾讯移动互联网设计团队
TGideas http://tgideas.qq.com/ 腾讯游戏专业设计团队
微博UDC http://udc.weibo.com/ 新浪微博设计团队
百度MUX http://mux.baidu.com/ 百度MUX团队

教程、书籍

名称 URL 简介
慕课网 http://www.imooc.com/ 前端技能学习平台，很多好的教程
百度技术沙龙 http://www.infoq.com/cn/zones/baidu-salon/ 全栈综合
腾讯大讲堂 http://djt.qq.com/ 分享产品技术和成功经验
阿里技术沙龙 http://club.alibabatech.org/ 阿里技术嘉年华
IBM新兴技术大学 http://www.itdaren.cn/ 有的课程还不错
IBM developerWorks http://www.ibm.com/developerworks/cn/ 同上
极客学院 http://www.jikexueyuan.com/ 综合课程
NODESCHOOL http://nodeschool.io/ 在线Node.js入门教学
hackr http://hackr.io/ 各种各样的在线编程教程集合
node123 https://github.com/youyudehexie/node123 node中文资料导航
移动开发收藏夹 https://github.com/hoosin/mobile-web-favorites
tuts+ http://tutsplus.com/tutorials Tutorials, inspiration and videos to help you learn. Updated daily
拼吾爱 http://www.pin5i.com/ 电子书资源，有钱还是要支持正版哦
Java1234 http://www.java1234.com/ 同样电子书资源
EBOOKEE http://www.ebookee.net/index.php?tag=8 英文电子书资源
IT-BOOKS http://it-ebooks.info/ 比较全的英文电子书

招聘、面试

还在51job、智联、58等投简历和找人才么，试试下面这些吧：

名称 URL 简介
拉勾网 http://www.lagou.com/ 互联网企业招聘
100offer http://100offer.com/ 程序员拍卖
周伯通 http://www.jobtong.com/ 移动互联网招聘社区
CSDN招聘 http://job.csdn.net/ 程序员招聘
哪上班 https://www.nashangban.com/ 互联网企业招聘
看准网-Boss直聘 http://www.kanzhun.com/ 
http://www.bosszhipin.com/		 看准网主要是公司点评和面试经验，新推出的Boss直聘效率不错
牵牛招聘 http://www.1000new.com/ 围绕广告传媒、游戏、IT互联网等垂直行业招聘
LinkedIn https://www.linkedin.com 领英中国，高端管理人才可以碰一碰，不过Coder很少去
大街网 http://www.dajie.com/ 职业社交招聘
HISTARTER http://www.histarter.com/ 初创企业招聘
内推网 http://www.neitui.me/ 互联网行业「内推」「直招」
猎聘网 http://www.liepin.com/ 有猎头帮助会快一些
猎上网 http://www.hunteron.com/ 比猎聘名气小，可以碰碰
51猎头 http://www.51lietou.com/ 同上
约聘网 http://www.51yuepin.com/ 互联网行业约聘模式招聘
乐职 http://www.lezhi.com/ 比较新，暂时只针对IT互联网行业技术岗位
Workspace http://nsworkspace.com/ 暂时只在北京地区为iOS、Android、前端、后端四个职位提供招聘服务
YesOffer http://www.yesoffer.com/ 为中高端人才提供O2O行业招聘服务
竞鹿 http://www.jobdeer.com/ 人才竞拍，和100offer类似
实力拍 http://www.shilipai.net/ 竞拍，同上
阿里招聘 http://www.alijob.com/ 专门为电商行业招聘人才
聘宝 http://www.pinbot.me/ 依托互联网提供专业优质的招聘服务
蚂蚁招聘 http://www.mayizhaopin.com/ 一键发布到各大招聘网站
猿圈 http://www.oxcoder.com/ 企业直接在这上面出笔试题，可完成第一轮筛选，省的让人来回跑
奔翼 https://prinbit.com/ 在线协同编码，帮助判断应聘者的基础知识，沟通能力，以及更重要的编码能力
望才招聘 http://www.matchcv.com/ 新兴，不熟
其他 - github，博客，微博，社区，Q群，V2EX... 有诚意必成 Good luck

面试

名称 URL 简介
面试问题整理 https://github.com/hawx1993/Front-end-Interview-questions 前端开发面试问题及答案整理
前端技能汇总 https://github.com/JacksonTian/fks

其他

名称 URL 简介
奇云测 http://ce.cloud.360.cn/ 网站速度测试
WebPageTest http://www.webpagetest.org/ 国内访问慢些
百度应用性能监测中心 http://developer.baidu.com/apm/ 百度开放服务平台的一个服务，还有很多其他的
jsperf http://jsperf.com/ JavaScript performance playground，JS性能对比测试
IT桔子 http://itjuzi.com/ IT互联网行业公司信息披露