Home

Awesome

前端网站及资源导航

本网站收集本人喜好的前端相关网站和资源等，不断更新中。有好的资源欢迎推荐（请发邮件至：fullstack@126.com）。更详细内容请移步 f2e-collect，觉得有帮助，给个Star吧，反正也不花钱~~

目录

<a name="s1"></a>综合

名称URL简介
W3Cwww.w3.org <br> www.chinaw3c.org万维网联盟官方网站
MDNdeveloper.mozilla.orgMozilla Developer Network，Mozilla 开发者网络
StackOverflowstackoverflow.com最大最全的技术问答社区
SegmentFaultsegmentfault.com中国开发者社区，国内的SO
GitHubgithub.com源码托管协作必备
码市coding.net国内源码托管协作，免费版5个私有仓库
CanIUsecaniuse.com兼容性速查
REPLjsfiddle.net <br> jsbin.com <br> repl.it <br> ideone.com <br> babeljs.io/repl在线交互式解释器环境
知乎www.zhihu.com每日必刷，可以关注前端开发等话题
简书www.jianshu.com国内最优质的创作社区，可以关注前端相关专题
InfoQwww.infoq.com <br> www.infoq.com/cn高质量软件开发领域知识与创新传播网站
MSDNmsdn.microsoft.com/zh-cn微软开发者网络
开源中国www.oschina.net国内最大的开源技术社区，开源项目速查
W3Schoolwww.w3school.com.cn在线教程，略老

<a name="s2"></a>社区、博客

关闭的、不怎么更新的或者质量变差的不再搜集。

中文

名称URL简介
w3ctechwww.w3ctech.com中国最大的前端技术社区，信息量多，但良莠不齐
V2EXv2ex.com创意工作者们的社区
掘金juejin.im高手分享技术社区
阮一峰www.ruanyifeng.com/blog阮一峰个人博客，更新频繁，推荐
div.iodiv.io高质量小圈子前端社区
前端乱炖www.html-js.com也有很多不错的文章
w3cpluswww.w3cplus.com大漠主办的技术博客，貌似挂了
w3cfunswww.w3cfuns.com前端综合网站，内容较杂，闲时可以随便逛逛
CSS88www.css88.com有一些前端库的中文文档 @愚人码头
CNodeJScnodejs.org国内 Node.js 开源技术社区
AlloyTeamwww.alloyteam.com腾讯全端 AlloyTeam 团队博客
FEXfex.baidu.com百度web前端研发部
去哪儿网UEDued.qunar.com去哪儿网UED知识库
奇舞团75team.com360前端团队博客
百度EFEefe.baidu.com百度前端技术体系博客
阿里UEDwww.aliued.cn阿里UED团队博客
携程UEDued.ctrip.com携程设计委员会
百度UEDued.baidu.com百度UED团队博客
张鑫旭www.zhangxinxu.com/wordpressISUX张鑫旭个人博客，很高产
酷壳coolshell.cn分享技术见闻，知识，趋势的博客
朴灵html5ify.com阿里数据平台数据产品部资深工程师朴灵
haxjohnhax.net百姓网贺师俊
司徒正美www.cnblogs.com/rubylouvre去哪儿网前端老大司徒正美
叶小钗www.cnblogs.com/yexiaochai 
Tytypeof.netUSTC的大牛
CSSForestblog.cssforest.org腾讯重构大牛
99csswww.99css.comytzong
米随随s5s5.me刘小超博客
博客园www.cnblogs.com微软系为主博客
<!-- | 前端圈 | [fequan.com](https://fequan.com/) | 为广州web前端人员量身打造的生态圈，主要是主题演讲，基本停更 | | 阿里妈妈MUX | [mux.alimama.com](http://mux.alimama.com/) | 阿里妈妈MUX团队博客，基本停更 | | 网易UED | [uedc.163.com](http://uedc.163.com/) | 网易UED团队博客，貌似有问题 | | 新浪UED | [ued.sina.com.cn](http://ued.sina.com.cn/) | 新浪UED团队博客，很久不更新了 | | TID | [tid.tenpay.com](http://tid.tenpay.com/) | 财付通TID团队博客，很久不更新了 | | TQ | [tqtan.com](http://tqtan.com/) | 腾讯ISUX TQ，很久不更新了 | | winter | [winter-cn.cnblogs.com](http://winter-cn.cnblogs.com/) | 阿里winter博客，很久不更新了 | | qiqiboy | [www.qiqiboy.com](http://www.qiqiboy.com/) | 金山网络qiqiboy，很久不更新了 | | 周爱民 | [blog.csdn.net/aimingoo](http://blog.csdn.net/aimingoo/) | 大道至简，很久不更新了 | -->

英文

名称URL简介
SmashingMagazinewww.smashingmagazine.com关于coding、design、mobile、ux等综合门户
CSS-Trickscss-tricks.comCSS技巧集合
Mediummedium.com需翻墙
DailyJSdailyjs.comjs相关技术博客
Tutorialzinetutorialzine.comcoolest web development tutorials and resources
Codropstympanus.net/codropsweb设计、开发博客
NCZOnlinewww.nczonline.netNicholas C. Zakas博客，Yahoo前端leader，牛人不解释
Addyaddyosmani.com/blogAddy Osmani的博客，Chrome team大牛
Steve Souderswww.stevesouders.com/blogSteve Souders的博客，web performance专家
Jake Rutterwww.onerutter.comJake Rutter的博客
<!--| Paul Irish | [www.paulirish.com](http://www.paulirish.com/) | Paul Irish的博客，Google Chrome Team 前端开发 |-->

<a name="s3"></a>库、框架、资源、工具

<!--- [frontend-dev-bookmarks](https://github.com/dypsilon/frontend-dev-bookmarks) - [github-FE-project](https://github.com/hawx1993/github-FE-project)-->

<a name="s4"></a>CDN、云服务

名称URL简介
百度CDNcdn.code.baidu.com百度静态资源公共库
360CDNlibs.useso.com360网站卫士常用前端公共库CDN，Google那几个替换很好使
微信CDNqydev.weixin.qq.com/cdn/cdnjs.html微信前端库CDN服务
BootCDNwww.bootcdn.cnBootstrap中文网开源项目CDN库
淘宝NPMnpm.taobao.org淘宝 NPM 镜像
阿里云www.aliyun.com在国内首选
七牛www.qiniu.com七牛云，可以存一些文件视频之类

<a name="s5"></a>设计、模板

名称URL简介
Designerslistwww.designerslist.info国外设计网站导航
NAV80nav80.com设计师网址导航
UISDChao.uisdc.com又一个设计师网址导航
dribbbledribbble.com设计师社区
behancewww.behance.netShowcase & Discover Creative Work
UI.PARADEwww.uiparade.comUI设计灵感集合
站酷www.zcool.com.cn我的最爱
UI中国www.ui.cn前身为iconfans.com
dowebokwww.dowebok.com做好网站，一些代码库和素材
优设www.uisdc.com优秀网页设计联盟
UIRSSwww.uirss.comUI设计门户网站和垂直型社区
设计达人www.shejidaren.com一些设计相关的文章、素材等
Color CCcolor.adobe.com/zhAdobe在线配色，原Kuler
配色网www.peise.net配色方案和颜色搭配
找字网www.zhaozi.cn字体大全
Chinazfont.chinaz.com字体素材
easyiconwww.easyicon.netICON资源
flaticonwww.flaticon.com矢量ICON资源
ICONFONTwww.iconfont.cn阿里UX矢量图标库
iconpngwww.iconpng.comICON资源
brandswww.brandsoftheworld.com世界logo大全
LOGOpondlogopond.comLogo大全
Mobile Patternswww.mobile-patterns.com移动UI设计范例

<a name="s6"></a>交互、体验

名称URL简介
ISUXisux.tencent.com腾讯社交用户体验设计
beforwebbeforweb.comISUX C7210博客
JDCjdc.jd.com京东用户体验设计团队
IFEDifed.me蚂蚁金服金融体验设计团队
腾讯CDCcdc.tencent.com腾讯用户研究与体验设计中心
腾讯MXDmxd.tencent.com腾讯移动互联网设计团队
TGideastgideas.qq.com腾讯游戏专业设计团队
百度MUXmux.baidu.com百度MUX团队
<!--| 微博UDC | [udc.weibo.com](http://udc.weibo.com/) | 新浪微博设计团队 |-->

<a name="s7"></a>教程、书籍

名称URL简介
慕课网www.imooc.com前端技能学习平台，很多好的教程
freeCodeCampwww.freecodecamp.com在线免费学习前端编码
百度技术沙龙www.infoq.com/cn/zones/baidu-salon全栈综合
腾讯大讲堂djt.qq.com分享产品技术和成功经验
IBM developerWorkswww.ibm.com/developerworks/cn同上
极客学院www.jikexueyuan.com综合课程
NODESCHOOLnodeschool.io在线Node.js入门教学
hackrhackr.io各种各样的在线编程教程集合
node123github.com/youyudehexie/node123node中文资料导航
移动开发收藏夹github.com/hoosin/mobile-web-favorites
tuts+tutsplus.com/tutorialsTutorials, inspiration and videos to help you learn. Updated daily
免费编程书籍github.com/vhf/free-programming-books中文
拼吾爱www.pin5i.com电子书资源，有钱还是要支持正版哦
Java1234www.java1234.com同样电子书资源
EBOOKEEwww.ebookee.net英文电子书资源
IT-BOOKSit-ebooks.info比较全的英文电子书
InterviewBitInterviewBit帮助在线练习编码并为编程面试做准备
<!--| 阿里技术沙龙 | [club.alibabatech.org](http://club.alibabatech.org/) | 阿里技术嘉年华 |-->

<a name="s8"></a>招聘、面试

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

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

面试资源

<a name="s9"></a>其他

名称URL简介
IT桔子itjuzi.comIT互联网行业公司信息披露
Worktileworktile.com创业企业协作平台
奇云测ce.cloud.360.cn网站速度测试
WebPageTestwww.webpagetest.org国内访问慢些
百度应用性能监测中心developer.baidu.com/apm百度开放服务平台的一个服务，还有很多其他的
jsperfjsperf.comJavaScript performance playground，JS性能对比测试
ATOOLwww.atool.org在线工具集合

<a name="s10"></a>Buy Me A Coffee

维护不易，请多多支持，爱你~

支付宝打赏：

<img src="alipay.png" width="200" height="200" alt="给我买一杯咖啡吧" />

微信打赏：

<img src="wechat.png" width="200" height="200" alt="给我买一杯咖啡吧" /> <br>