Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jnoodle/f2e-collect

前端开发相关的社区、网站、博客、资源等搜集
https://github.com/jnoodle/f2e-collect

Last synced: 3 months ago
JSON representation

前端开发相关的社区、网站、博客、资源等搜集

Awesome Lists containing this project

README

        

# 前端网站及资源导航

本网站收集本人喜好的前端相关网站和资源等,不断更新中。有好的资源欢迎推荐(请发邮件至:`[email protected]`)。更详细内容请移步 [f2e-collect](https://github.com/jnoodle/f2e-collect),觉得有帮助,给个Star吧,反正也不花钱~~

### 目录

* [综合](#s1)
* [社区、博客](#s2)
* [库、框架、资源](#s3)
* [CDN,云服务](#s4)
* [设计、模板](#s5)
* [交互、体验](#s6)
* [教程、书籍](#s7)
* [招聘、面试](#s8)
* [其他](#s9)
* [Buy Me A Coffee](#s10)

## 综合

| 名称 | URL | 简介 |
| ---- | ---- | ---- |
| W3C | [www.w3.org](http://www.w3.org/)
[www.chinaw3c.org](http://www.chinaw3c.org/) | 万维网联盟官方网站 |
| MDN | [developer.mozilla.org](https://developer.mozilla.org/) | Mozilla Developer Network,Mozilla 开发者网络 |
| StackOverflow | [stackoverflow.com](http://stackoverflow.com/) | 最大最全的技术问答社区 |
| SegmentFault | [segmentfault.com](http://segmentfault.com/) | 中国开发者社区,国内的SO |
| GitHub | [github.com](https://github.com/) | 源码托管协作必备 |
| 码市 | [coding.net](https://coding.net/r/Z1XPN4) | 国内源码托管协作,免费版5个私有仓库 |
| CanIUse | [caniuse.com](http://caniuse.com/) | 兼容性速查 |
| REPL | [jsfiddle.net](http://jsfiddle.net/)
[jsbin.com](http://jsbin.com/)
[repl.it](https://repl.it/)
[ideone.com](http://ideone.com/)
[babeljs.io/repl](https://babeljs.io/repl/) | 在线交互式解释器环境 |
| 知乎 | [www.zhihu.com](http://www.zhihu.com/) | 每日必刷,可以关注[前端开发](https://www.zhihu.com/topic/19550901/hot)等话题 |
| 简书 | [www.jianshu.com](https://www.jianshu.com/) | 国内最优质的创作社区,可以关注前端相关专题 |
| InfoQ | [www.infoq.com](http://www.infoq.com/)
[www.infoq.com/cn](http://www.infoq.com/cn/) | 高质量软件开发领域知识与创新传播网站 |
| MSDN | [msdn.microsoft.com/zh-cn](http://msdn.microsoft.com/zh-cn/) | 微软开发者网络 |
| 开源中国 | [www.oschina.net](http://www.oschina.net/) | 国内最大的开源技术社区,开源项目速查 |
| W3School | [www.w3school.com.cn](http://www.w3school.com.cn/) | 在线教程,略老 |

## 社区、博客

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

### 中文

| 名称 | URL | 简介 |
| ---- | ---- | ---- |
| w3ctech | [www.w3ctech.com](http://www.w3ctech.com/) | 中国最大的前端技术社区,信息量多,但良莠不齐 |
| V2EX | [v2ex.com](http://v2ex.com/) | 创意工作者们的社区 |
| 掘金 | [juejin.im](https://juejin.im/) | 高手分享技术社区 |
| 阮一峰 | [www.ruanyifeng.com/blog](http://www.ruanyifeng.com/blog/) | 阮一峰个人博客,更新频繁,推荐 |
| div.io | [div.io](http://div.io/) | 高质量小圈子前端社区 |
| 前端乱炖 | [www.html-js.com](http://www.html-js.com/) | 也有很多不错的文章 |
| w3cplus | [www.w3cplus.com](http://www.w3cplus.com/) | 大漠主办的技术博客,貌似挂了 |
| w3cfuns | [www.w3cfuns.com](http://www.w3cfuns.com/) | 前端综合网站,内容较杂,闲时可以随便逛逛 |
| CSS88 | [www.css88.com](http://www.css88.com/) | 有一些前端库的中文文档 @愚人码头 |
| CNodeJS | [cnodejs.org](https://cnodejs.org/) | 国内 Node.js 开源技术社区 |
| AlloyTeam | [www.alloyteam.com](http://www.alloyteam.com/) | 腾讯全端 AlloyTeam 团队博客 |
| FEX | [fex.baidu.com](http://fex.baidu.com/) | 百度web前端研发部 |
| 去哪儿网UED | [ued.qunar.com](http://ued.qunar.com/) | 去哪儿网UED知识库 |
| 奇舞团 | [75team.com](https://75team.com/) | 360前端团队博客 |
| 百度EFE | [efe.baidu.com](http://efe.baidu.com/) | 百度前端技术体系博客 |
| 阿里UED | [www.aliued.cn](http://www.aliued.cn/) | 阿里UED团队博客 |
| 携程UED | [ued.ctrip.com](http://ued.ctrip.com/) | 携程设计委员会 |
| 百度UED | [ued.baidu.com](http://ued.baidu.com/) | 百度UED团队博客 |
| 张鑫旭 | [www.zhangxinxu.com/wordpress](http://www.zhangxinxu.com/wordpress/) | ISUX张鑫旭个人博客,很高产 |
| 酷壳 | [coolshell.cn](http://coolshell.cn/) | 分享技术见闻,知识,趋势的博客 |
| 朴灵 | [html5ify.com](http://html5ify.com/) | 阿里数据平台数据产品部资深工程师朴灵 |
| hax | [johnhax.net](http://johnhax.net/) | 百姓网贺师俊 |
| 司徒正美 | [www.cnblogs.com/rubylouvre](http://www.cnblogs.com/rubylouvre) | 去哪儿网前端老大司徒正美 |
| 叶小钗 | [www.cnblogs.com/yexiaochai](http://www.cnblogs.com/yexiaochai) |   |
| Ty | [typeof.net](http://typeof.net/) | USTC的大牛 |
| CSSForest | [blog.cssforest.org](http://blog.cssforest.org/) | 腾讯重构大牛 |
| 99css | [www.99css.com](http://www.99css.com/) | ytzong |
| 米随随 | [s5s5.me](http://s5s5.me/) | 刘小超博客 |
| 博客园 | [www.cnblogs.com](http://www.cnblogs.com/) | 微软系为主博客 |

### 英文

| 名称 | URL | 简介 |
| ---- | ---- | ---- |
| SmashingMagazine | [www.smashingmagazine.com](http://www.smashingmagazine.com/) | 关于coding、design、mobile、ux等综合门户 |
| CSS-Tricks | [css-tricks.com](https://css-tricks.com/) | CSS技巧集合 |
| Medium | [medium.com](https://medium.com/) | 需翻墙 |
| DailyJS | [dailyjs.com](http://dailyjs.com/) | js相关技术博客 |
| Tutorialzine | [tutorialzine.com](http://tutorialzine.com/) | coolest web development tutorials and resources |
| Codrops | [tympanus.net/codrops](http://tympanus.net/codrops/) | web设计、开发博客 |
| NCZOnline | [www.nczonline.net](http://www.nczonline.net/) | Nicholas C. Zakas博客,Yahoo前端leader,牛人不解释 |
| Addy | [addyosmani.com/blog](http://addyosmani.com/blog/) | Addy Osmani的博客,Chrome team大牛 |
| Steve Souders | [www.stevesouders.com/blog](http://www.stevesouders.com/blog/) | Steve Souders的博客,web performance专家 |
| Jake Rutter | [www.onerutter.com](http://www.onerutter.com/) | Jake Rutter的博客 |

## 库、框架、资源、工具

- [Awesome JavaScript](https://github.com/sorrycc/awesome-javascript)
- [Awesome Web Performance Optimization](https://github.com/davidsonfellipe/awesome-wpo)
- [Awesome CSS](https://github.com/sotayamashita/awesome-css)
- [Awesome React](https://github.com/enaqx/awesome-react)
- [Awesome Angular](https://github.com/AngularClass/awesome-angular)
- [Awesome Node.js](https://github.com/sindresorhus/awesome-nodejs)
- [Awesome Vue.js](https://github.com/vuejs/awesome-vue)
- [Awesome React Native](https://github.com/jondot/awesome-react-native)
- [Awesome Weex](https://github.com/joggerplus/awesome-weex)
- [Awesome Ant Design](https://github.com/websemantics/awesome-ant-design)
- [JS Tips](https://github.com/loverajoel/jstips)

## CDN、云服务

| 名称 | URL | 简介 |
| ---- | ---- | ---- |
| 百度CDN | [cdn.code.baidu.com](http://cdn.code.baidu.com/) | 百度静态资源公共库 |
| 360CDN | [libs.useso.com](http://libs.useso.com/) | 360网站卫士常用前端公共库CDN,Google那几个替换很好使 |
| 微信CDN | [qydev.weixin.qq.com/cdn/cdnjs.html](http://qydev.weixin.qq.com/cdn/cdnjs.html) | 微信前端库CDN服务 |
| BootCDN | [www.bootcdn.cn](http://www.bootcdn.cn/) | Bootstrap中文网开源项目CDN库 |
| 淘宝NPM | [npm.taobao.org](http://npm.taobao.org/) | 淘宝 NPM 镜像 |
| 阿里云 | [www.aliyun.com](https://www.aliyun.com/) | 在国内首选 |
| 七牛 | [www.qiniu.com](https://www.qiniu.com/) | 七牛云,可以存一些文件视频之类 |

## 设计、模板

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

## 交互、体验

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

## 教程、书籍

| 名称 | URL | 简介 |
| ---- | ---- | ---- |
| 慕课网 | [www.imooc.com](http://www.imooc.com/) | 前端技能学习平台,很多好的教程 |
| freeCodeCamp | [www.freecodecamp.com](https://www.freecodecamp.com/) | 在线免费学习前端编码 |
| 百度技术沙龙 | [www.infoq.com/cn/zones/baidu-salon](http://www.infoq.com/cn/zones/baidu-salon/) | 全栈综合 |
| 腾讯大讲堂 | [djt.qq.com](http://djt.qq.com/) | 分享产品技术和成功经验 |
| IBM developerWorks | [www.ibm.com/developerworks/cn](http://www.ibm.com/developerworks/cn/) | 同上 |
| 极客学院 | [www.jikexueyuan.com](http://www.jikexueyuan.com/) | 综合课程 |
| NODESCHOOL | [nodeschool.io](http://nodeschool.io/) | 在线Node.js入门教学 |
| hackr | [hackr.io](http://hackr.io/) | 各种各样的在线编程教程集合 |
| node123 | [github.com/youyudehexie/node123](https://github.com/youyudehexie/node123) | node中文资料导航 |
| 移动开发收藏夹 | [github.com/hoosin/mobile-web-favorites](https://github.com/hoosin/mobile-web-favorites) |
| tuts+ | [tutsplus.com/tutorials](http://tutsplus.com/tutorials) | Tutorials, inspiration and videos to help you learn. Updated daily |
| 免费编程书籍 | [github.com/vhf/free-programming-books](https://github.com/vhf/free-programming-books) | [中文](https://github.com/vhf/free-programming-books/blob/master/free-programming-books-zh.md) |
| 拼吾爱 | [www.pin5i.com](http://www.pin5i.com/) | 电子书资源,有钱还是要支持正版哦 |
| Java1234 | [www.java1234.com](http://www.java1234.com/) | 同样电子书资源 |
| EBOOKEE | [www.ebookee.net](http://www.ebookee.net/) | 英文电子书资源 |
| IT-BOOKS | [it-ebooks.info](http://it-ebooks.info/) | 比较全的英文电子书 |
| InterviewBit | [InterviewBit](https://www.interviewbit.com/) | 帮助在线练习编码并为编程面试做准备 |

## 招聘、面试

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

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

### 面试资源

- [前端面试笔试题收集](https://github.com/paddingme/Front-end-Web-Development-Interview-Question)
- [FEX 面试问题](https://github.com/fex-team/interview-questions)
- [饿了么 Node.js 面试问题](https://github.com/ElemeFE/node-interview)
- [前端面试知识点汇总](https://github.com/hawx1993/Front-end-Interview-questions)
- [编程之法:面试和算法心得](https://github.com/julycoding/The-Art-Of-Programming-By-July/blob/master/ebook/zh/Readme.md)
- [前端资源汇总(包括前端学习、开发资源、求职面试等)](https://github.com/helloqingfeng/Awsome-Front-End-learning-resource)
- [收集的前端面试题和答案](https://github.com/qiu-deqing/FE-interview)
- [笔试面试知识整理](https://hit-alibaba.github.io/interview/index.html)

## 其他

| 名称 | URL | 简介 |
| ---- | ---- | ---- |
| IT桔子 | [itjuzi.com](http://itjuzi.com/) | IT互联网行业公司信息披露 |
| Worktile | [worktile.com](https://worktile.com/) | 创业企业协作平台 |
| 奇云测 | [ce.cloud.360.cn](http://ce.cloud.360.cn/) | 网站速度测试 |
| WebPageTest | [www.webpagetest.org](http://www.webpagetest.org/) | 国内访问慢些 |
| 百度应用性能监测中心 | [developer.baidu.com/apm](http://developer.baidu.com/apm/) | 百度开放服务平台的一个服务,还有很多其他的 |
| jsperf | [jsperf.com](http://jsperf.com/) | JavaScript performance playground,JS性能对比测试 |
| ATOOL | [www.atool.org](http://www.atool.org/) | 在线工具集合 |

## Buy Me A Coffee

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

支付宝打赏:

给我买一杯咖啡吧

微信打赏:

给我买一杯咖啡吧