前端收集

拼搏现实的明天。 2022-06-14 04:21 202阅读 0赞

# 前端收集 #

在前端路上摸索前行，在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。欢迎更新，以下各排名不分先后顺序。

自己 RSS 长期订阅了一些IT 和技术相关博客，这里是我Feedly 输出的opml，可直接导入一些RSS 阅读器:  
[https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml][https_github.com_foru17_luolei-dotfiles_blob_master_feedly.opml]

#### [前端收集图谱][Link 1] ####

此部分为[@jikeytang ][jikeytang]贡献

*  clone [https://github.com/hjzheng/front-end-collect][https_github.com_hjzheng_front-end-collect]
 *  cd front-end-collect
 *  bower install
 *  放入你喜欢的web容器,访问index.html即可
 *  你也直接可以访问: [http://get-set.cn/front-end-collect/][Link 1]
 *  支持Chrome, Firefox and IE10&11以上浏览器

![image][]

#### 聚合&&周报订阅 ####

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>订阅地址</th> 
   <th>介绍</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><strong>英文推送</strong></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Html5 Weekly</td> 
   <td><a href="http://html5weekly.com/" rel="nofollow">http://html5weekly.com/</a></td> 
   <td>Html 技术类</td> 
  </tr> 
  <tr> 
   <td>CSS Weekly</td> 
   <td><a href="http://css-weekly.com/" rel="nofollow">http://css-weekly.com/</a></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Javascript Weekly</td> 
   <td><a href="http://javascriptweekly.com/" rel="nofollow">http://javascriptweekly.com/</a></td> 
   <td>JS相关，同样有 html,css 和工具相关</td> 
  </tr> 
  <tr> 
   <td>Web Design Weekly</td> 
   <td><a href="http://web-design-weekly.com/" rel="nofollow">http://web-design-weekly.com/</a></td> 
   <td>设计、技术、技巧、工具聚合</td> 
  </tr> 
  <tr> 
   <td>UX Weekly</td> 
   <td><a href="http://uxwkly.com/" rel="nofollow">http://uxwkly.com/</a></td> 
   <td>用户体验、网页设计推送</td> 
  </tr> 
  <tr> 
   <td>Web Tools Weekly</td> 
   <td><a href="http://webtoolsweekly.com/" rel="nofollow">http://webtoolsweekly.com/</a></td> 
   <td>Js，工具推送</td> 
  </tr> 
  <tr> 
   <td>RESPONSIVE DESIGN NEWSLETTER</td> 
   <td><a href="http://responsivedesignweekly.com/" rel="nofollow">http://responsivedesignweekly.com/</a></td> 
   <td>每周推送一次响应式设计相关</td> 
  </tr> 
  <tr> 
   <td>Tutorialzine</td> 
   <td><a href="http://tutorialzine.com/" rel="nofollow">http://tutorialzine.com/</a></td> 
   <td>精品教程和资源推送</td> 
  </tr> 
  <tr> 
   <td>Sidebar</td> 
   <td><a href="http://sidebar.io/" rel="nofollow">http://sidebar.io/</a></td> 
   <td>每天、每半周、每周推送5条设计相关</td> 
  </tr> 
  <tr> 
   <td>The Hacker News Newsletter</td> 
   <td><a href="http://www.hackernewsletter.com/" rel="nofollow">http://www.hackernewsletter.com/</a></td> 
   <td>HN 每周精选</td> 
  </tr> 
  <tr> 
   <td>Design News</td> 
   <td><a href="https://news.layervault.com/" rel="nofollow">https://news.layervault.com/</a></td> 
   <td>F2类资讯聚合</td> 
  </tr> 
  <tr> 
   <td>Css Animations</td> 
   <td><a href="http://cssanimation.rocks/" rel="nofollow">http://cssanimation.rocks/</a></td> 
   <td>关于CSS动画的订阅</td> 
  </tr> 
  <tr> 
   <td>HACKDESIGN</td> 
   <td><a href="http://hackdesign.org/" rel="nofollow">http://hackdesign.org/</a></td> 
   <td>每周发布一个设计类课程</td> 
  </tr> 
  <tr> 
   <td><strong>中文推送</strong></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>稀土:掘金</td> 
   <td><a href="http://gold.xitu.io/" rel="nofollow">http://gold.xitu.io/</a></td> 
   <td>国内十分用心的开发者技术分享、交流平台</td> 
  </tr> 
  <tr> 
   <td>SegmentFault精选</td> 
   <td><a href="http://segmentfault.com/" rel="nofollow">http://segmentfault.com/</a></td> 
   <td>国内开发者技术问答社区每周精选问答</td> 
  </tr> 
  <tr> 
   <td>FE Weekly</td> 
   <td><a href="http://www.feweekly.com/" rel="nofollow">http://www.feweekly.com/</a></td> 
   <td>每周一次，内容主要是英文的，不过有中文导读</td> 
  </tr> 
  <tr> 
   <td>EchoJs_News</td> 
   <td><a href="http://www.echojs.com/" rel="nofollow">http://www.echojs.com/</a></td> 
   <td>每天推送若干好文，都是英文的，JS技术类</td> 
  </tr> 
  <tr> 
   <td>碼天狗週刊</td> 
   <td><a href="http://weekly.codetengu.com/" rel="nofollow">http://weekly.codetengu.com/</a></td> 
   <td>台湾的，一份開發者導向的IT 技術週刊，適合所有患有資訊焦慮症、氣血循環不順以及性受挫的軟體工程師們。</td> 
  </tr> 
  <tr> 
   <td>前端资源分享 半月刊</td> 
   <td><a href="http://www.hacke2.cn/monthly/" rel="nofollow">http://www.hacke2.cn/monthly/</a></td> 
   <td>每半月发布最新高质量的前端资源</td> 
  </tr> 
 </tbody> 
</table>

## 专业博客 ##

注:此处`活跃度`为博客更新频率，`原创度`指的是作者原创或者翻译的文章所占博文比例。请尊重原创，大量转载其他网站资讯的网站和聚合类网站不做推荐。

#### 中文博客 ####

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>活跃度</th> 
   <th>原创度</th> 
   <th>维护者</th> 
   <th>其他</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="http://www.w3cplus.com/" rel="nofollow">W3Cplus</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>携程 @大漠</td> 
   <td>国内最优秀的前端博客，原创居多</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cfuns.com/" rel="nofollow">W3Cfuns</a></td> 
   <td>★★★★★</td> 
   <td>★★★★☆</td> 
   <td><a href="http://www.w3cfuns.com/misc.php?mod=faq&amp;action=faq&amp;id=1" rel="nofollow">#</a></td> 
   <td>专注于web前端开发行业的综合性门户网站</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.qianduan.net/" rel="nofollow">前端观察</a></td> 
   <td>★★★★☆</td> 
   <td>★★★★☆</td> 
   <td>腾讯 ISUX @神飞</td> 
   <td>曾经最优秀，最近更新不频繁了</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.alloyteam.com/" rel="nofollow">腾讯web前端 AlloyTeam 团队</a></td> 
   <td>★★★★</td> 
   <td>★★★★</td> 
   <td><a href="http://t.qq.com/AlloyTeam" rel="nofollow">@腾讯AlloyTeam</a></td> 
   <td>来自于腾讯SNG(社交网络事业群)</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.zhangxinxu.com/wordpress/" rel="nofollow">张鑫旭-鑫空间-鑫生活</a></td> 
   <td>★★★★☆</td> 
   <td>★★★★★</td> 
   <td>张鑫旭</td> 
   <td>重构很厉害，不少经典文章经验</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.36ria.com/" rel="nofollow">ria之家</a></td> 
   <td>★★★★☆</td> 
   <td>★★★★☆</td> 
   <td>淘宝 @明河</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.daqianduan.com/" rel="nofollow">大前端</a></td> 
   <td>★★★★☆</td> 
   <td>★★★★☆</td> 
   <td><a href="http://www.cssforest.org/blog/index.php?s=about" rel="nofollow">#</a></td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.cssforest.org/blog/" rel="nofollow">CSS森林</a></td> 
   <td>★★★★☆</td> 
   <td>★★★★☆</td> 
   <td><a href="http://www.cssforest.org/blog/index.php?s=about" rel="nofollow">关于</a></td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.shejidaren.com/" rel="nofollow">设计达人</a></td> 
   <td>★★★★☆</td> 
   <td>★★★☆☆</td> 
   <td><a href="http://www.cssforest.org/blog/index.php?s=about" rel="nofollow">#</a></td> 
   <td>更新较频繁，但转载也较多</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.ruanyifeng.com/blog/" rel="nofollow">阮一峰博客</a></td> 
   <td>★★★★☆</td> 
   <td>★★★☆☆</td> 
   <td><a href="http://www.ruanyifeng.com/about.html" rel="nofollow">#</a></td> 
   <td>牛人一个</td> 
  </tr> 
  <tr> 
   <td><a href="http://beforweb.com/" rel="nofollow">Be For Web - 为网而生 - 原创译文博客</a></td> 
   <td>★★★★☆</td> 
   <td>★★★★☆</td> 
   <td><a href="http://weibo.com/c7210" rel="nofollow">@C7210</a></td> 
   <td>关注移动应用及互联网产品、用户体验设计、前端开发</td> 
  </tr> 
 </tbody> 
</table>

#### 国外博客 ####

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>活跃度</th> 
   <th>原创度</th> 
   <th>维护者</th> 
   <th>其他</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="http://www.smashingmagazine.com/" rel="nofollow">Smashing Magazine</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>#</td> 
   <td>业界权威，web 设计很赞</td> 
  </tr> 
  <tr> 
   <td><a href="http://hub.tutsplus.com/" rel="nofollow">Tuts</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>-</td> 
   <td>国外知名开发者网站</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.developerdrive.com/" rel="nofollow">DeveloperDrive</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>-</td> 
   <td>优质前端技术信息</td> 
  </tr> 
  <tr> 
   <td><a href="http://css-tricks.com/" rel="nofollow">CSS-TRICKS</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>Chris Coyier</td> 
   <td>左边这位是大神</td> 
  </tr> 
  <tr> 
   <td><a href="http://webdesignerwall.com/" rel="nofollow">Web Designer Wall</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>Nick La.</td> 
   <td>优质 Html5,CSS3等教程</td> 
  </tr> 
  <tr> 
   <td><a href="http://tutorialzine.com/" rel="nofollow">Tutorialzine</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>#</td> 
   <td>大量 web 教程和资源</td> 
  </tr> 
  <tr> 
   <td><a href="http://inspectelement.com/" rel="nofollow">Inspect Element</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>#</td> 
   <td>CSS,wordpress 相关教程挺多</td> 
  </tr> 
  <tr> 
   <td><a href="http://tympanus.net/codrops/" rel="nofollow">Codrops</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>#</td> 
   <td>设计、交互、CSS</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.onerutter.com/" rel="nofollow">Jake Rutter</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>Jake Rutter</td> 
   <td>Jquery 作者，不解释了</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.paulirish.com/" rel="nofollow">Paul Irish</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>Paul Irish</td> 
   <td>大神,Google Chrome团队,Yeoman</td> 
  </tr> 
  <tr> 
   <td><a href="http://krasimirtsonev.com/blog" rel="nofollow">Krasimir Tsonev</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>Krasimir Tsonev</td> 
   <td>html5,ccs3,javascript</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nczonline.net/" rel="nofollow">NCZOnline</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>Nicholas C. Zakas</td> 
   <td>html5,ccs3,javascript</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.html5rocks.com/en/" rel="nofollow">HTML5 Rocks</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>#</td> 
   <td>html5权威网站</td> 
  </tr> 
  <tr> 
   <td><a href="http://alistapart.com/" rel="nofollow">A List Apart</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>#</td> 
   <td>可以改变世界的文章</td> 
  </tr> 
  <tr> 
   <td><a href="http://hakim.se/" rel="nofollow">hakim</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>HAKIM EL HATTAB</td> 
   <td>ccs3,javascript</td> 
  </tr> 
  <tr> 
   <td><a href="http://dailyjs.com/" rel="nofollow">DailyJS</a></td> 
   <td>★★★★★</td> 
   <td>★★★★★</td> 
   <td>#</td> 
   <td>javascript</td> 
  </tr> 
 </tbody> 
</table>

#### 活跃微博 ####

<table> 
 <thead> 
  <tr> 
   <th>ID</th> 
   <th>公司</th> 
   <th>简介</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="http://weibo.com/xitucircle" rel="nofollow">@稀土圈</a></td> 
   <td>#</td> 
   <td>强烈推荐，分享一些技术文章和Github项目</td> 
  </tr> 
  <tr> 
   <td><a href="http://weibo.com/w3cchina" rel="nofollow">@w3c中国</a></td> 
   <td>#</td> 
   <td>万维网联盟中国办事处官方微博</td> 
  </tr> 
  <tr> 
   <td><a href="http://weibo.com/javascriptdev" rel="nofollow">@TheFrontEnd</a></td> 
   <td>#</td> 
   <td>JavaScript技术资讯、新闻、教程、深度文章。</td> 
  </tr> 
  <tr> 
   <td><a href="http://weibo.com/fekb" rel="nofollow">@前端快爆</a></td> 
   <td>阿里巴巴</td> 
   <td>有HTML5、CSS3、JS</td> 
  </tr> 
  <tr> 
   <td><a href="http://e.weibo.com/html5cn" rel="nofollow">@HTML5中国</a></td> 
   <td>#</td> 
   <td>中国www.html5cn.org官方微博</td> 
  </tr> 
 </tbody> 
</table>

#### 开发者博客 ####

微博微信流行后，明显感觉到写博客的人还是越来越少了，下面推荐的这些开发者属于在网上比较活跃的，或者博客积累了大量优质资源的。

##### 国内开发者 #####

国内开发者一块欢迎大家 `Fork`提交推荐，最好能推荐一些在前端界较活跃的的开发者。

<table> 
 <thead> 
  <tr> 
   <th>ID</th> 
   <th>博客</th> 
   <th>微博</th> 
   <th>Github</th> 
   <th>Twitter</th> 
   <th>公司</th> 
   <th>关键字</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>小胡子哥</td> 
   <td><a href="http://www.barretlee.com/" rel="nofollow">barretlee</a></td> 
   <td><a href="http://weibo.com/173248656" rel="nofollow">@Barret李靖</a></td> 
   <td><a href="https://github.com/barretlee" rel="nofollow">@barretlee</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>阿里巴巴</td> 
  </tr> 
  <tr> 
   <td>小鱼</td> 
   <td><a href="http://sofish.de/" rel="nofollow">sofish</a></td> 
   <td><a href="http://weibo.com/sofish" rel="nofollow">@sofish</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
   <td>饿了么前端</td> 
  </tr> 
  <tr> 
   <td>屈光宇</td> 
   <td><a href="https://imququ.com/" rel="nofollow">Jerry Qu的小站</a></td> 
   <td><a href="http://weibo.com/jerryqu" rel="nofollow">屈光宇</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
   <td>奇虎360前端,HTTP,Node。js</td> 
  </tr> 
  <tr> 
   <td>郭宇</td> 
   <td><a href="http://blog.guoyu.me/" rel="nofollow">Einmal ist keinmal</a></td> 
   <td><a href="http://weibo.com/137601206" rel="nofollow">@郭宇</a></td> 
   <td><a href="https://github.com/guo-yu" rel="nofollow">@guo-yu</a></td> 
   <td><a href="https://twitter.com/turingou" rel="nofollow">@turingou</a></td> 
   <td>今日头条</td> 
   <td>Node.js</td> 
  </tr> 
  <tr> 
   <td>hzlzh</td> 
   <td><a href="https://zlz.im" rel="nofollow">自力博客</a></td> 
   <td><a href="http://weibo.com/hzlzh" rel="nofollow">@hzlzh</a></td> 
   <td><a href="http://github.com/hzlzh" rel="nofollow">@hzlzh</a></td> 
   <td><a href="http://twitter.com/hzlzh" rel="nofollow">@hzlzh</a></td> 
   <td>腾讯</td> 
   <td>前端开发</td> 
  </tr> 
  <tr> 
   <td>TQ</td> 
   <td><a href="http://targetkiller.net/" rel="nofollow">http://targetkiller.net/</a></td> 
   <td><a href="http://weibo.com/targetkiller" rel="nofollow">@Piser-TQ</a></td> 
   <td><a href="https://twitter.com/tqtan/" rel="nofollow">@tqtan</a></td> 
   <td><a href="https://github.com/targetkiller" rel="nofollow">@targetkiller</a></td> 
   <td>腾讯 微信</td> 
   <td>前端</td> 
  </tr> 
  <tr> 
   <td>张鑫旭</td> 
   <td><a href="http://www.zhangxinxu.com/wordpress/" rel="nofollow">张鑫旭博客</a></td> 
   <td><a href="http://weibo.com/zhangxinxu" rel="nofollow">@张鑫旭</a></td> 
   <td><a href="https://github.com/zhangxinxu" rel="nofollow">@zhangxinxu</a></td> 
   <td><a href="https://twitter.com/zhangxinxu" rel="nofollow">@zhangxinxu</a></td> 
   <td>阅文(腾讯文学) YUED</td> 
   <td>前端开发</td> 
  </tr> 
  <tr> 
   <td>foru17</td> 
   <td><a href="http://luolei.org" rel="nofollow">罗磊的独立博客</a></td> 
   <td><a href="http://weibo.com/foru17" rel="nofollow">@罗罗磊磊</a></td> 
   <td><a href="https://github.com/foru17" rel="nofollow">@foru17</a></td> 
   <td><a href="https://twitter.com/foru17" rel="nofollow">@foru17</a></td> 
   <td>阅文(腾讯文学) YUED</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>LOO2K</td> 
   <td><a href="http://loo2k.com/blog/" rel="nofollow">LOO2K</a></td> 
   <td><a href="http://weibo.com/loo2k" rel="nofollow">@LOO2K</a></td> 
   <td><a href="https://github.com/loo2k" rel="nofollow">LOO2K</a></td> 
   <td><a href="https://twitter.com/loo2k/" rel="nofollow">LOO2K</a></td> 
   <td>腾讯 CDC</td> 
   <td>前端</td> 
  </tr> 
  <tr> 
   <td>阮一峰</td> 
   <td><a href="http://www.ruanyifeng.com/blog/" rel="nofollow">阮一峰博客</a></td> 
   <td><a href="http://weibo.com/ruanyf" rel="nofollow">@ruanyf</a></td> 
   <td>#</td> 
   <td><a href="https://twitter.com/ruanyf" rel="nofollow">@ruanyf</a></td> 
   <td>上海金融学院国际金融学院</td> 
   <td>教师，博客写作人，翻译人，《黑客与画家》的译者</td> 
  </tr> 
  <tr> 
   <td>老赵</td> 
   <td><a href="http://blog.zhaojie.me/" rel="nofollow">http://blog.zhaojie.me/</a></td> 
   <td><a href="http://weibo.com/jeffz" rel="nofollow">@老赵</a></td> 
   <td>#</td> 
   <td><a rel="nofollow">#</a></td> 
   <td>摩根大通（香港）</td> 
   <td>资深码农</td> 
  </tr> 
  <tr> 
   <td>玉伯</td> 
   <td><a href="http://lifesinger.wordpress.com/" rel="nofollow">岁月如歌</a></td> 
   <td><a href="http://weibo.com/lifesinger" rel="nofollow">@玉伯也叫射雕</a></td> 
   <td><a href="https://github.com/lifesinger" rel="nofollow">@lifesinger</a></td> 
   <td><a href="https://twitter.com/lifesinger" rel="nofollow">@lifesinger</a></td> 
   <td>支付宝</td> 
   <td>大牛</td> 
  </tr> 
  <tr> 
   <td>kejun</td> 
   <td><a href="http://hikejun.com/" rel="nofollow">http://hikejun.com/</a></td> 
   <td><a href="http://weibo.com/kejunz" rel="nofollow">@kejunz</a></td> 
   <td><a href="https://github.com/kejun" rel="nofollow">@kejunz</a></td> 
   <td>#</td> 
   <td>豆瓣</td> 
   <td>前端大神</td> 
  </tr> 
  <tr> 
   <td>寒冬winter</td> 
   <td><a href="http://winter-cn.cnblogs.com/" rel="nofollow">winter-cn</a></td> 
   <td><a href="http://weibo.com/wintercn" rel="nofollow">@寒冬winter</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td>左耳朵耗子</td> 
   <td><a href="http://coolshell.cn/" rel="nofollow">酷壳</a></td> 
   <td><a href="http://weibo.com/haoel" rel="nofollow">@左耳朵耗子</a></td> 
   <td>#</td> 
   <td><a href="https://twitter.com/haoel" rel="nofollow">@haoel</a></td> 
   <td>淘宝</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td>fool2fish</td> 
   <td>#</td> 
   <td><a href="http://weibo.com/fool2fish" rel="nofollow">@fool2fish</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>支付宝</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td>朴灵</td> 
   <td><a href="http://html5ify.com/" rel="nofollow">Html5fiy</a></td> 
   <td><a href="http://weibo.com/shyvo" rel="nofollow">@朴灵</a></td> 
   <td><a href="https://github.com/JacksonTian" rel="nofollow">JacksonTian</a></td> 
   <td>#</td> 
   <td>阿里巴巴</td> 
   <td>《深入浅出Node.js》作者,大牛</td> 
  </tr> 
  <tr> 
   <td>Cat Chen</td> 
   <td><a href="http://catchen.biz/home.zh-CN.html" rel="nofollow">陈广琛</a></td> 
   <td><a href="http://weibo.com/u/1640352230" rel="nofollow">@CatChen</a></td> 
   <td><a href="https://github.com/CatChen" rel="nofollow">@CatChen</a></td> 
   <td><a href="https://twitter.com/CatChen" rel="nofollow">@CatChen</a></td> 
   <td>Facebook</td> 
   <td>大牛</td> 
  </tr> 
  <tr> 
   <td>BYVod</td> 
   <td><a href="https://www.byvoid.com/" rel="nofollow">Beyond the Void</a></td> 
   <td><a href="http://weibo.com/byvoid" rel="nofollow">@BYVoid</a></td> 
   <td><a href="https://github.com/BYVoid" rel="nofollow">@byvoid</a></td> 
   <td><a href="https://twitter.com/byvoid" rel="nofollow">@BYVoid</a></td> 
   <td>Facebook 英国</td> 
   <td>《Node.js 开发指南》作者,大牛</td> 
  </tr> 
  <tr> 
   <td>勾三股四</td> 
   <td>#</td> 
   <td><a href="http://weibo.com/mx006" rel="nofollow">@勾三股四</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>淘宝</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td>cnberg</td> 
   <td><a href="http://cnberg.com" rel="nofollow">冰山一角</a></td> 
   <td><a href="http://weibo.com/berg" rel="nofollow">@berg</a></td> 
   <td>@cnberg</td> 
   <td><a rel="nofollow">@cnberg</a></td> 
   <td>百度</td> 
   <td>骑行</td> 
  </tr> 
  <tr> 
   <td>大猫</td> 
   <td><a href="http://bigc.at" rel="nofollow">意淫笔记</a></td> 
   <td><a href="http://weibo.com/daemao" rel="nofollow">@daemao</a></td> 
   <td><a href="https://github.com/Damao" rel="nofollow">@Damao</a></td> 
   <td><a href="https://twitter.com/13igcat" rel="nofollow">@13igcat</a></td> 
   <td>腾讯</td> 
   <td><a href="http://www.zhihu.com/people/13igcat" rel="nofollow">知乎</a></td> 
  </tr> 
  <tr> 
   <td>C7210</td> 
   <td>beforweb.com/</td> 
   <td><a href="http://weibo.com/c7210" rel="nofollow">@C7210</a></td> 
   <td><a href="http://twittercom/hzlzh" rel="nofollow">@C7210</a></td> 
   <td><a href="http://github.com/hzlzh" rel="nofollow">@C7210</a></td> 
   <td>#</td> 
   <td>UX、交互设计师、视觉与前端</td> 
  </tr> 
  <tr> 
   <td>kejun</td> 
   <td><a href="http://hikejun.com/" rel="nofollow">http://hikejun.com/</a></td> 
   <td><a href="http://weibo.com/kejun" rel="nofollow">#</a></td> 
   <td><a href="http://twittercom/kejun" rel="nofollow">#</a></td> 
   <td><a href="http://github.com/hzlzh" rel="nofollow">#</a></td> 
   <td>腾讯</td> 
   <td>前端开发</td> 
  </tr> 
  <tr> 
   <td>lucifr</td> 
   <td><a href="http://lucifr.com/" rel="nofollow">http://lucifr.com/</a></td> 
   <td><a href="http://weibo.com/lucifr" rel="nofollow">@lucifr</a></td> 
   <td><a href="http://twittercom/lucifr" rel="nofollow">@lucifr</a></td> 
   <td><a href="http://github.com/lucifr" rel="nofollow">@lucifr</a></td> 
   <td>#</td> 
   <td>Mac,ios</td> 
  </tr> 
  <tr> 
   <td>smallni</td> 
   <td><a href="http://www.smallni.com/" rel="nofollow">http://www.smallni.com/</a></td> 
   <td><a href="http://weibo.com/hzlzh" rel="nofollow">#</a></td> 
   <td><a href="https://twitter.com/smallniding/" rel="nofollow">@Smallni</a></td> 
   <td><a href="http://github.com/hzlzh" rel="nofollow">#</a></td> 
   <td>腾讯</td> 
   <td>前端开发</td> 
  </tr> 
  <tr> 
   <td>qiqiboy</td> 
   <td><a href="http://www.qiqiboy.com/" rel="nofollow">qiqiboy</a></td> 
   <td><a href="http://weibo.com/qiqiboy" rel="nofollow">@qiqiboy</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>老虎证券</td> 
   <td>吐槽清理大师开发者</td> 
  </tr> 
  <tr> 
   <td>周爱民</td> 
   <td><a href="http://blog.csdn.net/aimingoo/" rel="nofollow">aimingoo专栏</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
   <td>支付宝</td> 
   <td>JavaScript语言精髓与编程实践作者</td> 
  </tr> 
  <tr> 
   <td>李松峰</td> 
   <td><a href="http://www.cn-cuckoo.com" rel="nofollow">为之漫笔</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
   <td>高程2等书的译者</td> 
  </tr> 
  <tr> 
   <td>99css</td> 
   <td><a href="http://www.99css.com/" rel="nofollow">99css</a></td> 
   <td><a href="http://weibo.com/ytzong" rel="nofollow">@ytzong</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
   <td>腾讯一牛</td> 
  </tr> 
  <tr> 
   <td>秦歌</td> 
   <td><a href="http://dancewithnet.com/" rel="nofollow">Kaven</a></td> 
   <td>#</td> 
   <td><a href="http://twitter.com/kavenyan" rel="nofollow">@kavenyan</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>js语言精粹译者</td> 
  </tr> 
  <tr> 
   <td>linxz</td> 
   <td><a href="http://www.linxz.de/" rel="nofollow">linxz</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
   <td>css那些事儿的作者</td> 
  </tr> 
  <tr> 
   <td>Along</td> 
   <td><a href="http://jinlong.github.io/" rel="nofollow">Along’s Blog</a></td> 
   <td><a href="http://weibo.com/newwave" rel="nofollow">@newwave</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>#</td> 
   <td>Opera 欧朋一牛</td> 
  </tr> 
  <tr> 
   <td>安记</td> 
   <td><a href="http://www.cssha.com/" rel="nofollow">cssha</a></td> 
   <td><a href="http://weibo.com/hanan321" rel="nofollow">@hanan321</a></td> 
   <td><a href="https://github.com/hanan198501" rel="nofollow">hanan198501</a></td> 
   <td>#</td> 
   <td>#</td> 
   <td>去哪网一牛</td> 
  </tr> 
  <tr> 
   <td>余弦</td> 
   <td><a href="http://evilcos.me/" rel="nofollow">EVILCOS</a></td> 
   <td><a href="http://weibo.com/evilcos" rel="nofollow">余弦</a></td> 
   <td><a href="https://github.com/evilcos" rel="nofollow">evilcos</a></td> 
   <td>#</td> 
   <td><a href="http://www.knownsec.com/" rel="nofollow">知道创宇</a></td> 
   <td>安全（黑客）、架构、团队的各种观点与分享</td> 
  </tr> 
 </tbody> 
</table>

#### 一些社区 ####

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>地址</th> 
   <th>介绍</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>V2EX</td> 
   <td><a href="http://v2ex.com/" rel="nofollow">http://v2ex.com/</a></td> 
   <td>小众活跃社区</td> 
  </tr> 
  <tr> 
   <td>稀土掘进</td> 
   <td><a href="https://juejin.im/" rel="nofollow">https://juejin.im/</a></td> 
   <td>程序员同性交友社区</td> 
  </tr> 
  <tr> 
   <td>知乎</td> 
   <td><a href="http://www.zhihu.com/" rel="nofollow">http://www.zhihu.com/</a></td> 
   <td>综合问答社区</td> 
  </tr> 
  <tr> 
   <td>前端乱炖</td> 
   <td><a href="http://www.html-js.com/" rel="nofollow">http://www.html-js.com/</a></td> 
   <td>专业的前端知识平台</td> 
  </tr> 
  <tr> 
   <td>segmentfault</td> 
   <td><a href="http://segmentfault.com/" rel="nofollow">http://segmentfault.com/</a></td> 
   <td>综合问答社区</td> 
  </tr> 
  <tr> 
   <td>果壳问答</td> 
   <td><a href="http://www.guokr.com/ask/pending/" rel="nofollow">http://www.guokr.com/ask/pending/</a></td> 
   <td>综合问答社区</td> 
  </tr> 
  <tr> 
   <td>Ruby</td> 
   <td><a href="http://ruby-china.org/" rel="nofollow">http://ruby-china.org/</a></td> 
   <td>同 V2EX 氛围类似，不局限于Ruby</td> 
  </tr> 
  <tr> 
   <td>Node.js 中文社区</td> 
   <td><a href="http://cnodejs.org/" rel="nofollow">http://cnodejs.org/</a></td> 
   <td>Node.js 国内最活跃的社区</td> 
  </tr> 
  <tr> 
   <td>Code Wall</td> 
   <td><a href="https://coderwall.com/" rel="nofollow">https://coderwall.com/</a></td> 
   <td>国外技术社区</td> 
  </tr> 
  <tr> 
   <td>DIV.IO</td> 
   <td><a href="http://div.io/" rel="nofollow">http://div.io/</a></td> 
   <td>国内前端技术社区</td> 
  </tr> 
  <tr> 
   <td>w3ctech</td> 
   <td><a href="http://www.w3ctech.com/" rel="nofollow">http://www.w3ctech.com/</a></td> 
   <td>国内前端技术社区，常有一些线下活动发布</td> 
  </tr> 
 </tbody> 
</table>

#### 企业官方博客 ####

在开头我的 Feedly 订阅 opml 文件里比较全面。

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>公司</th> 
   <th>部门</th> 
   <th>活跃度</th> 
   <th>简介</th> 
   <th>微博</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="http://isux.tencent.com/" rel="nofollow">ISUX 社交用户体验设计</a></td> 
   <td>腾讯</td> 
   <td>ISUX</td> 
   <td>★★★★☆</td> 
   <td>负责腾讯的社交网络相关产品的用户体验设计与研究。</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://cdc.tencent.com/" rel="nofollow">腾讯 CDC</a></td> 
   <td>腾讯</td> 
   <td>CDC</td> 
   <td>★★★★☆</td> 
   <td>简介</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.alloyteam.com/" rel="nofollow">腾讯Web前端 Alloy 团队 Blog</a></td> 
   <td>腾讯</td> 
   <td>SNG</td> 
   <td>★★★★☆</td> 
   <td>主要负责手机QQ、QQ互联、腾讯Q+、WebQQ项目的团队。</td> 
   <td><a href="http://weibo.com/alloyteam" rel="nofollow">alloyteam</a></td> 
  </tr> 
  <tr> 
   <td><a href="http://tid.tenpay.com/" rel="nofollow">TID-财付通设计中心</a></td> 
   <td>腾讯</td> 
   <td>TID</td> 
   <td>★★★★☆</td> 
   <td>简介</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://mxd.tencent.com/" rel="nofollow">腾讯MXD移动互联网设计中心</a></td> 
   <td>腾讯</td> 
   <td>MXD</td> 
   <td>★★★★☆</td> 
   <td>简介</td> 
   <td><a href="http://e.t.qq.com/tencent_mxd" rel="nofollow">@腾讯MXD</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://aotu.io/" rel="nofollow">凹凸实验室</a></td> 
   <td>京东</td> 
   <td>FED</td> 
   <td>★★★★★</td> 
   <td>简凹凸实验室(Aotu.io，英文简称O2) 始建于2015年10月，是一个年轻基情的技术团队。</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://udc.weibo.com/" rel="nofollow">微博UDC</a></td> 
   <td>新浪</td> 
   <td>UDC</td> 
   <td>★★★★☆</td> 
   <td>简介</td> 
   <td><a href="http://weibo.com/sudc" rel="nofollow">@微博UDC设计中心</a></td> 
  </tr> 
  <tr> 
   <td><a href="http://ued.sina.com.cn/" rel="nofollow">新浪UED</a></td> 
   <td>新浪</td> 
   <td>UED</td> 
   <td>★★★★☆</td> 
   <td>简介</td> 
   <td><a href="http://weibo.com/sudc" rel="nofollow">#</a></td> 
  </tr> 
  <tr> 
   <td><a href="http://uedc.163.com/" rel="nofollow">网易用户体验设计中心</a></td> 
   <td>网易</td> 
   <td>UED</td> 
   <td>★★★★☆</td> 
   <td>简介</td> 
   <td><a href="http://weibo.com/sudc" rel="nofollow">#</a></td> 
  </tr> 
  <tr> 
   <td><a href="http://www.aliued.cn/" rel="nofollow">阿里巴巴（中国站）用户体验设计部博客</a></td> 
   <td>阿里巴巴</td> 
   <td>UED</td> 
   <td>★★★★☆</td> 
   <td>简介</td> 
   <td><a href="http://weibo.com/aliued" rel="nofollow">@Alibaba-UED</a></td> 
  </tr> 
  <tr> 
   <td><a href="http://ued.ctrip.com/blog/" rel="nofollow">携程UED-携程旅行前端开发团队</a></td> 
   <td>携程网</td> 
   <td>UED</td> 
   <td>★★★☆☆</td> 
   <td>携程UED,携程前端开发团队,UED,Javascript,重构,ux</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://fex.baidu.com/" rel="nofollow">百度FEX</a></td> 
   <td>百度</td> 
   <td>FEX</td> 
   <td>★★★★☆</td> 
   <td>百度前端团队Blog,关注前端技术，还更重视全端及全栈的能力。</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://ued.taobao.org/blog/" rel="nofollow">淘宝UED</a></td> 
   <td>淘宝网</td> 
   <td>UED</td> 
   <td>★★★★☆</td> 
   <td>用户体验、交互设计、视觉设计、前端技术博客</td> 
   <td><a href="http://weibo.com/taobaoued" rel="nofollow">@淘宝UED</a></td> 
  </tr> 
 </tbody> 
</table>

#### 书籍 ####

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>作者</th> 
   <th>价格</th> 
   <th>出版社</th> 
   <th>简评</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="http://book.douban.com/subject/3327829/" rel="nofollow">Web标准设计</a></td> 
   <td>刘杰（嗷嗷）</td> 
   <td>RMB 60.00</td> 
   <td>清华大学出版社</td> 
   <td>基础入门</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/4914146/" rel="nofollow">大巧不工 : Web前端设计修炼之道</a></td> 
   <td>赖定清 / 林坚</td> 
   <td>RMB 59.00</td> 
   <td>机械工业出版社</td> 
   <td>适合入门，了解前端全局</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/3132277/" rel="nofollow">高性能网站建设指南:前端工程师技能精髓</a></td> 
   <td>Steve Souders</td> 
   <td>RMB 35.00</td> 
   <td>电子工业出版社</td> 
   <td>能从原理层理解各种方法</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/4719162/" rel="nofollow">高性能网站建设指南:Web开发者性能优化最佳实践</a></td> 
   <td>Steve Souders</td> 
   <td>RMB 49.80</td> 
   <td>电子工业出版社</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/4124141/" rel="nofollow">Web站点优化 : Web站点优化</a></td> 
   <td>金</td> 
   <td>RMB 55.00</td> 
   <td>#</td> 
   <td>#</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/10789820/" rel="nofollow">Node.js开发指南</a></td> 
   <td>郭家寶</td> 
   <td>RMB 45.00</td> 
   <td>#</td> 
   <td>作者很牛</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/10546125/" rel="nofollow">JavaScript高级程序设计</a></td> 
   <td>Nicholas C. Zakas</td> 
   <td>RMB 99.00</td> 
   <td>人民邮电出版社</td> 
   <td>适合没事就翻翻</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/2228378/" rel="nofollow">JavaScript权威指南</a></td> 
   <td>弗拉纳根</td> 
   <td>RMB 109.00</td> 
   <td>机械工业出版社</td> 
   <td>犀牛书</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/3590768/" rel="nofollow">JavaScript语言精粹</a></td> 
   <td>Douglas Crockford</td> 
   <td>RMB 35.00</td> 
   <td>电子工业出版社</td> 
   <td>绝对经典，相信看完后，对Javascript这门语言有了重新认识，原来这个语言是这么的美丽！</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/25768396/" rel="nofollow">深入浅出node.js</a></td> 
   <td>朴灵</td> 
   <td>RMB 69.00</td> 
   <td>人民邮电出版社</td> 
   <td>一本从前端通往全端的好书</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/3137282/" rel="nofollow">CSS开发王</a></td> 
   <td>张亚飞</td> 
   <td>RMB 49.00</td> 
   <td>电子工业出版社</td> 
   <td>适合有一定基础后CSS进阶用</td> 
  </tr> 
  <tr> 
   <td><a href="http://book.douban.com/subject/6038371/" rel="nofollow">JavaScript DOM编程艺术</a></td> 
   <td>Jeremy Keith /Jeffrey Sambells</td> 
   <td>RMB 49.00</td> 
   <td>人民邮电出版社</td> 
   <td>适合Javascript入门看</td> 
  </tr> 
 </tbody> 
</table>

#### 线上文档参考 ####

<table> 
 <thead> 
  <tr> 
   <th>书名</th> 
   <th>地址</th> 
   <th>作者</th> 
   <th>译者</th> 
   <th>介绍</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>JavaScript秘密花园</td> 
   <td><a href="http://bonsaiden.github.io/JavaScript-Garden/zh/" rel="nofollow">http://bonsaiden.github.io/JavaScript-Garden/zh/</a></td> 
   <td>伊沃·韦特泽尔&amp;张易江</td> 
   <td><a href="http://sanshi.me/" rel="nofollow">三生石上</a></td> 
   <td>完整书籍，界面美观，有详细demo</td> 
  </tr> 
  <tr> 
   <td>Material Design 中文版</td> 
   <td><a href="http://design.1sters.com/" rel="nofollow">http://design.1sters.com/</a></td> 
   <td>Google设计手册</td> 
   <td>协同翻译</td> 
   <td>Google I/O 2014 发布的 Material Design 官方手册的中文翻译</td> 
  </tr> 
 </tbody> 
</table>

## 关于 ##

本 repo 会不断更新，感谢推荐和分享新资源的朋友。

[https_github.com_foru17_luolei-dotfiles_blob_master_feedly.opml]: https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml
[Link 1]: http://get-set.cn/front-end-collect/
[jikeytang]: https://github.com/jikeytang
[https_github.com_hjzheng_front-end-collect]: https://github.com/hjzheng/front-end-collect
[image]: https://raw.githubusercontent.com/hjzheng/front-end-collect/master/img/front-end-chart.png