└── README.md /README.md: -------------------------------------------------------------------------------- 1 | 前端收集 2 | ================= 3 | 4 | 在前端路上摸索前行，在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。欢迎更新。 5 | 6 | 自己 RSS 长期订阅了一些IT 和技术相关博客，这里是我Feedly 输出的opml，可直接导入一些RSS 阅读器: 7 | https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml 8 | 9 | ==== 10 | 11 | 12 | ####聚合&&周报订阅 13 | |名称 |订阅地址 | 介绍 | 14 | | ----- | ----- | ------ | 15 | |Html5 Weekly|http://html5weekly.com/| Html 技术类| 16 | |CSS Weekly|http://css-weekly.com/| | 17 | |Javascript Weekly|http://javascriptweekly.com/|JS相关，同样有 html,css 和工具相关| 18 | |Web Design Weekly| http://web-design-weekly.com/ | 设计、技术、技巧、工具聚合| 19 | |UX Weekly|http://uxwkly.com/|用户体验、网页设计推送| 20 | |Web Tools Weekly|http://webtoolsweekly.com/|Js，工具推送| 21 | |RESPONSIVE DESIGN NEWSLETTER|http://responsivedesignweekly.com/|每周推送一次响应式设计相关| 22 | |Tutorialzine|http://tutorialzine.com/|精品教程和资源推送| 23 | |Sidebar|http://sidebar.io/|每天推送5条设计相关| 24 | |The Hacker News Newsletter|http://www.hackernewsletter.com/|HN 每周精选| 25 | |Design News|https://news.layervault.com/|F2类资讯聚合| 26 | 27 | 28 | 29 | ####专业博客 30 | 31 | 注:此处`活跃度`为博客更新频率，`原创度`指的是作者原创或者翻译的文章所占博文比例。请尊重原创，大量转载其他网站资讯的网站和聚合类网站不做推荐。 32 | 33 | ######中文博客 34 | |名称 |活跃度 | 原创度 | 维护者|其他| 35 | | ----- | ----- | ------ |----- |-----| 36 | |[W3Cplus](http://www.w3cplus.com/)|★★★★★|★★★★★|携程 @大漠 |国内最优秀的前端博客，原创居多| 37 | |[前端观察](http://www.qianduan.net/)|★★★★☆|★★★★☆|腾讯 ISUX @神飞|曾经最优秀，最近更新不频繁了| 38 | |[腾讯web前端 AlloyTeam 团队](http://www.alloyteam.com/)|★★★★|★★★★|[@腾讯AlloyTeam](http://t.qq.com/AlloyTeam)|来自于腾讯SNG(社交网络事业群)| 39 | |[张鑫旭-鑫空间-鑫生活](http://www.zhangxinxu.com/wordpress/)|★★★★☆|★★★★★|张鑫旭|重构很厉害，不少经典文章经验| 40 | |[ria之家](http://www.36ria.com/)|★★★★☆|★★★★☆|淘宝 @明河|#| 41 | |[大前端](http://www.daqianduan.com/)|★★★★☆|★★★★☆|[#](http://www.cssforest.org/blog/index.php?s=about)|#| 42 | |[CSS森林](http://www.cssforest.org/blog/)|★★★★☆|★★★★☆|[关于](http://www.cssforest.org/blog/index.php?s=about)|#| 43 | |[设计达人](http://www.shejidaren.com/)|★★★★☆|★★★☆☆|[#](http://www.cssforest.org/blog/index.php?s=about)|更新较频繁，但转载也较多| 44 | |[Be For Web - 为网而生 - 原创译文博客](http://beforweb.com/)|★★★★☆|★★★★☆|[@C7210](http://weibo.com/c7210)|关注移动应用及互联网产品、用户体验设计、前端开发| 45 | 46 | 47 | 48 | ######国外博客 49 | |名称 |活跃度 | 原创度 | 维护者|其他| 50 | | ----- | ----- | ------ |----- |------| 51 | |[Smashing Magazine](http://www.smashingmagazine.com/)|★★★★★|★★★★★| # |业界权威，web 设计很赞| 52 | |[Tuts](http://hub.tutsplus.com/)|★★★★★|★★★★★| - |国外知名开发者网站| 53 | |[DeveloperDrive](http://www.developerdrive.com/)|★★★★★|★★★★★| - |优质前端技术信息| 54 | |[CSS-TRICKS](http://css-tricks.com/)|★★★★★|★★★★★| Chris Coyier |左边这位是大神| 55 | |[Web Designer Wall](http://webdesignerwall.com/)|★★★★★|★★★★★| Nick La.|优质 Html5,CSS3等教程| 56 | |[Tutorialzine](http://tutorialzine.com/)|★★★★★|★★★★★| #|大量 web 教程和资源| 57 | |[Inspect Element](http://inspectelement.com/)|★★★★★|★★★★★| #|CSS,wordpress 相关教程挺多| 58 | |[Codrops](http://tympanus.net/codrops/)|★★★★★|★★★★★| #|设计、交互、CSS| 59 | |[Jake Rutter](http://www.onerutter.com/)|★★★★★|★★★★★| Jake Rutter|Jquery 作者，不解释了| 60 | |[Paul Irish](http://www.paulirish.com/)|★★★★★|★★★★★| Paul Irish|大神,Google Chrome团队,Yeoman| 61 | |[Krasimir Tsonev](http://krasimirtsonev.com/blog)|★★★★★|★★★★★| Krasimir Tsonev|html5,ccs3,javascript| 62 | 63 | #####活跃微博 64 | |ID |公司 | 简介 | 65 | |-----|------|------| 66 | |[@w3c中国](http://weibo.com/w3cchina)|#|万维网联盟中国办事处官方微博| 67 | |[@TheFrontEnd](http://weibo.com/javascriptdev)|#|JavaScript技术资讯、新闻、教程、深度文章。| 68 | |[@前端快爆](http://weibo.com/fekb)|阿里巴巴|有HTML5、CSS3、JS | 69 | |[@HTML5中国](http://e.weibo.com/html5cn)|#|中国www.html5cn.org官方微博| 70 | |[@developerWorks](http://weibo.com/developerworks)|#|#| 71 | 72 | 73 | ####开发者博客 74 | 75 | 微博微信流行后，明显感觉到写博客的人还是越来越少了，下面推荐的这些开发者属于在网上比较活跃的，或者博客积累了大量优质资源的。 76 | 77 | ######国内开发者 78 | 79 | 国内开发者一块欢迎大家 `Fork`提交推荐，最好能推荐一些在前端界较活跃的的开发者。 80 | 81 | |ID |博客 |微博 |Github|Twitter| 公司 |关键字| 82 | |-----|-----|------|------|-----|-----|------| 83 | |阮一峰|[阮一峰博客](http://www.ruanyifeng.com/blog/)|[@ruanyf](http://weibo.com/ruanyf)|#|[@ruanyf](https://twitter.com/ruanyf)|上海金融学院国际金融学院| 教师，博客写作人，翻译人，《黑客与画家》的译者| 84 | |老赵| http://blog.zhaojie.me/|[@老赵](http://weibo.com/jeffz)|#|[#]()|摩根大通（香港）| 资深码农| 85 | |玉伯|[岁月如歌](http://lifesinger.wordpress.com/)|[@玉伯也叫射雕](http://weibo.com/lifesinger)|[@lifesinger](https://github.com/lifesinger)|[@lifesinger](https://twitter.com/lifesinger)| 支付宝|大牛| 86 | | kejun |http://hikejun.com/|[@kejunz](http://weibo.com/kejunz)|#|[@kejunz](https://github.com/kejun)| 豆瓣|前端大神| 87 | |寒冬winter|[winter-cn](http://winter-cn.cnblogs.com/)|[@寒冬winter](http://weibo.com/wintercn)|#|#|#|#| 88 | |左耳朵耗子|[酷壳](http://coolshell.cn/)|[@左耳朵耗子](http://weibo.com/haoel)|#|[@haoel](https://twitter.com/haoel)|淘宝|#| 89 | |fool2fish|#|[@fool2fish](http://weibo.com/fool2fish)|#|#|支付宝|#| 90 | |朴灵|[Html5fiy](http://html5ify.com/)|[@朴灵](http://weibo.com/shyvo)|[JacksonTian](https://github.com/JacksonTian)|#|阿里巴巴|《深入浅出Node.js》作者,大牛| 91 | |Cat Chen|[陈广琛](http://catchen.biz/home.zh-CN.html)|[@CatChen](http://weibo.com/u/1640352230)|[@CatChen](https://github.com/CatChen)|[@CatChen](https://twitter.com/CatChen)|Facebook |大牛| 92 | |BYVod|[Beyond the Void](https://www.byvoid.com/)|[@BYVoid](http://weibo.com/byvoid)|[@byvoid](https://github.com/BYVoid)|[@BYVoid](https://twitter.com/byvoid)|Facebook 英国|《Node.js 开发指南》作者,大牛| 93 | |郭宇|[Einmal ist keinmal](http://blog.guoyu.me/)|[@郭宇](http://weibo.com/137601206)|[@turingou](https://github.com/turingou)|[@turingou](https://twitter.com/turingou)|糗事百科,原支付宝|Node.js| 94 | |勾三股四|#|[@勾三股四](http://weibo.com/mx006)|#|#|淘宝|#| 95 | |cnberg|[冰山一角](http://cnberg.com)|[@berg](http://weibo.com/berg)|@cnberg|[@cnberg]()| 百度| 骑行| 96 | |大猫| [意淫笔记](http://bigc.at)|[@daemao](http://weibo.com/daemao)|[@Damao](https://github.com/Damao)|[@13igcat](https://twitter.com/13igcat)|腾讯 |[知乎](http://www.zhihu.com/people/13igcat)| 97 | | hzlzh |[自力博客](https://zlz.im)|[@hzlzh](http://weibo.com/hzlzh)|[@hzlzh](http://github.com/hzlzh)|[@hzlzh](http://twitter.com/hzlzh)| 腾讯|前端开发| 98 | | C7210 |beforweb.com/|[@C7210](http://weibo.com/c7210)|[@C7210](http://twittercom/hzlzh)|[@C7210](http://github.com/hzlzh)|#|UX、交互设计师、视觉与前端| 99 | | kejun |http://hikejun.com/|[#](http://weibo.com/kejun)|[#](http://twittercom/kejun)|[#](http://github.com/hzlzh)| 腾讯|前端开发| 100 | | 张鑫旭 |[张鑫旭博客](http://www.zhangxinxu.com/wordpress/)|[@张鑫旭](http://weibo.com/zhangxinxu)|[@zhangxinxu](https://github.com/zhangxinxu)|[@zhangxinxu](https://twitter.com/zhangxinxu)| 腾讯 上海 ISUX|前端开发| 101 | | lucifr |http://lucifr.com/|[@lucifr](http://weibo.com/lucifr)|[@lucifr](http://twittercom/lucifr)|[@lucifr](http://github.com/lucifr)| #|Mac,ios| 102 | | smallni |http://www.smallni.com/|[#](http://weibo.com/hzlzh)|[@Smallni](https://twitter.com/smallniding/)|[#](http://github.com/hzlzh)| 腾讯|前端开发| 103 | | TQ |http://targetkiller.net/|[@Piser-TQ](http://weibo.com/targetkiller)|[@tqtan](https://twitter.com/tqtan/)|[@targetkiller](https://github.com/targetkiller)| 腾讯 ISUX | 网页重构| 104 | |LOO2K|[LOO2K](http://loo2k.com/blog/)|[@LOO2K](http://weibo.com/loo2k)|[LOO2K](https://github.com/loo2k)|[LOO2K](https://twitter.com/loo2k/)|墨筹网|少年才俊| 105 | |qiqiboy|#|[@qiqiboy](http://weibo.com/qiqiboy)|#|#|金山网络 UX|吐槽清理大师开发者| 106 | |foru17|[罗磊的独立博客](http://luolei.org)|[@罗罗磊磊](http://weibo.com/foru17)|[@foru17](https://github.com/foru17)|[@foru17](https://twitter.com/foru17)|金山网络 UX|打酱油的| 107 | 108 | ####一些社区 109 | 110 | |名称 |地址 |介绍 | 111 | |-----|-----|------| 112 | |V2EX|http://v2ex.com/|小众活跃社区| 113 | |Ruby|http://ruby-china.org/|同 V2EX 氛围类似，不局限于Ruby| 114 | |Node.js 中文社区|http://cnodejs.org/|Node.js 国内最活跃的社区| 115 | |Code Wall|https://coderwall.com/|国外技术社区| 116 | 117 | 118 | #####企业官方博客 119 | 120 | 在开头我的 Feedly 订阅 opml 文件里比较全面。 121 | 122 | |名称 |公司 | 部门|活跃度 | 简介|微博| 123 | | ----- | ----- | ------ | ------ |-----|-----| 124 | | [ISUX 社交用户体验设计](http://isux.tencent.com/) | 腾讯 | ISUX| ★★★★☆|负责腾讯的社交网络相关产品的用户体验设计与研究。|#| 125 | | [腾讯 CDC](http://cdc.tencent.com/) | 腾讯 | CDC| ★★★★☆| 简介 |#| 126 | | [腾讯Web前端 Alloy 团队 Blog](http://www.alloyteam.com/) | 腾讯 | SNG| ★★★★☆|主要负责手机QQ、QQ互联、腾讯Q+、WebQQ项目的团队。 |[alloyteam](http://weibo.com/alloyteam)| 127 | | [TID-财付通设计中心](http://tid.tenpay.com/) | 腾讯 | TID| ★★★★☆|简介 |#| 128 | | [腾讯MXD移动互联网设计中心](http://mxd.tencent.com/) | 腾讯 | MXD| ★★★★☆|简介 |[@腾讯MXD](http://e.t.qq.com/tencent_mxd)| 129 | | [人人网FED Team](http://tid.tenpay.com/) | 人人网 | FED| ★★★★☆|简介 |#| 130 | | [微博UDC](http://udc.weibo.com/) | 新浪 | UDC| ★★★★☆|简介 |[@微博UDC设计中心](http://weibo.com/sudc)| 131 | | [新浪UED](http://ued.sina.com.cn/) | 新浪 | UED| ★★★★☆|简介 |[#](http://weibo.com/sudc)| 132 | | [网易用户体验设计中心](http://uedc.163.com/) | 网易 | UED| ★★★★☆|简介 |[#](http://weibo.com/sudc)| 133 | | [阿里巴巴（中国站）用户体验设计部博客](http://www.aliued.cn/) | 阿里巴巴 | UED| ★★★★☆|简介 |[@Alibaba-UED](http://weibo.com/aliued)| 134 | 135 | 136 | ##书籍 137 | 138 | |名称 | 作者 | 价格 | 出版社|简评 | 139 | | ----- | ----- | ------ |----- |------| 140 | | [Web标准设计](http://book.douban.com/subject/3327829/) | 刘杰（嗷嗷） | RMB 60.00 | 清华大学出版社 |基础入门| 141 | | [大巧不工 : Web前端设计修炼之道](http://book.douban.com/subject/4914146/) | 赖定清 / 林坚 | RMB 59.00 | 机械工业出版社|适合入门，了解前端全局| 142 | |[高性能网站建设指南:前端工程师技能精髓](http://book.douban.com/subject/3132277/)|Steve Souders |RMB 35.00|电子工业出版社|能从原理层理解各种方法| 143 | |[高性能网站建设指南:Web开发者性能优化最佳实践](http://book.douban.com/subject/4719162/)|Steve Souders |RMB 49.80|电子工业出版社|#| 144 | |[Web站点优化 : Web站点优化](http://book.douban.com/subject/4124141/)|金 |RMB 55.00|#|#| 145 | |[Node.js开发指南](http://book.douban.com/subject/10789820/)| 郭家寶 |RMB 45.00|#|作者很牛| 146 | |[JavaScript高级程序设计](http://book.douban.com/subject/10546125/)| Nicholas C. Zakas |RMB 99.00|人民邮电出版社|适合没事就翻翻| 147 | |[JavaScript权威指南](http://book.douban.com/subject/2228378/)| 弗拉纳根 |RMB 109.00|机械工业出版社|犀牛书| 148 | 149 | 150 | 151 | ##关于 152 | ====== 153 | 154 | 本 repo 会 不断更新，感谢推荐和分享新资源的朋友。 155 | --------------------------------------------------------------------------------