前端收集

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

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

====

前端收集图谱

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

聚合&&周报订阅

名称	订阅地址	介绍
Html5 Weekly	http://html5weekly.com/	Html 技术类
CSS Weekly	http://css-weekly.com/
Javascript Weekly	http://javascriptweekly.com/	JS相关，同样有 html,css 和工具相关
Web Design Weekly	http://web-design-weekly.com/	设计、技术、技巧、工具聚合
UX Weekly	http://uxwkly.com/	用户体验、网页设计推送
Web Tools Weekly	http://webtoolsweekly.com/	Js，工具推送
RESPONSIVE DESIGN NEWSLETTER	http://responsivedesignweekly.com/	每周推送一次响应式设计相关
Tutorialzine	http://tutorialzine.com/	精品教程和资源推送
Sidebar	http://sidebar.io/	每天、每半周、每周推送5条设计相关
The Hacker News Newsletter	http://www.hackernewsletter.com/	HN 每周精选
Design News	https://news.layervault.com/	F2类资讯聚合
HACKDESIGN	http://hackdesign.org/	每周发布一个设计类课程

专业博客

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

中文博客

名称	活跃度	原创度	维护者	其他
W3Cplus	★★★★★	★★★★★	携程 @大漠	国内最优秀的前端博客，原创居多
前端观察	★★★★☆	★★★★☆	腾讯 ISUX @神飞	曾经最优秀，最近更新不频繁了
腾讯web前端 AlloyTeam 团队	★★★★	★★★★	@腾讯AlloyTeam	来自于腾讯SNG(社交网络事业群)
张鑫旭-鑫空间-鑫生活	★★★★☆	★★★★★	张鑫旭	重构很厉害，不少经典文章经验
ria之家	★★★★☆	★★★★☆	淘宝 @明河	#
大前端	★★★★☆	★★★★☆	#	#
CSS森林	★★★★☆	★★★★☆	关于	#
设计达人	★★★★☆	★★★☆☆	#	更新较频繁，但转载也较多
阮一峰博客	★★★★☆	★★★☆☆	#	牛人一个
Be For Web - 为网而生 - 原创译文博客	★★★★☆	★★★★☆	@C7210	关注移动应用及互联网产品、用户体验设计、前端开发

国外博客

名称	活跃度	原创度	维护者	其他
Smashing Magazine	★★★★★	★★★★★	#	业界权威，web 设计很赞
Tuts	★★★★★	★★★★★	-	国外知名开发者网站
DeveloperDrive	★★★★★	★★★★★	-	优质前端技术信息
CSS-TRICKS	★★★★★	★★★★★	Chris Coyier	左边这位是大神
Web Designer Wall	★★★★★	★★★★★	Nick La.	优质 Html5,CSS3等教程
Tutorialzine	★★★★★	★★★★★	#	大量 web 教程和资源
Inspect Element	★★★★★	★★★★★	#	CSS,wordpress 相关教程挺多
Codrops	★★★★★	★★★★★	#	设计、交互、CSS
Jake Rutter	★★★★★	★★★★★	Jake Rutter	Jquery 作者，不解释了
Paul Irish	★★★★★	★★★★★	Paul Irish	大神,Google Chrome团队,Yeoman
Krasimir Tsonev	★★★★★	★★★★★	Krasimir Tsonev	html5,ccs3,javascript
HTML5 Rocks	★★★★★	★★★★★	#	html5权威网站
A List Apart	★★★★★	★★★★★	#	可以改变世界的文章

活跃微博

ID	公司	简介
@w3c中国	#	万维网联盟中国办事处官方微博
@TheFrontEnd	#	JavaScript技术资讯、新闻、教程、深度文章。
@前端快爆	阿里巴巴	有HTML5、CSS3、JS
@HTML5中国	#	中国www.html5cn.org官方微博
@developerWorks	#	#

开发者博客

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

国内开发者

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

ID	博客	微博	Github	Twitter	公司	关键字
阮一峰	阮一峰博客	@ruanyf	#	@ruanyf	上海金融学院国际金融学院	教师，博客写作人，翻译人，《黑客与画家》的译者
老赵	http://blog.zhaojie.me/	@老赵	#	#	摩根大通（香港）	资深码农
玉伯	岁月如歌	@玉伯也叫射雕	@lifesinger	@lifesinger	支付宝	大牛
kejun	http://hikejun.com/	@kejunz	#	@kejunz	豆瓣	前端大神
寒冬winter	winter-cn	@寒冬winter	#	#	#	#
左耳朵耗子	酷壳	@左耳朵耗子	#	@haoel	淘宝	#
fool2fish	#	@fool2fish	#	#	支付宝	#
朴灵	Html5fiy	@朴灵	JacksonTian	#	阿里巴巴	《深入浅出Node.js》作者,大牛
Cat Chen	陈广琛	@CatChen	@CatChen	@CatChen	Facebook	大牛
BYVod	Beyond the Void	@BYVoid	@byvoid	@BYVoid	Facebook 英国	《Node.js 开发指南》作者,大牛
郭宇	Einmal ist keinmal	@郭宇	@turingou	@turingou	糗事百科,原支付宝	Node.js
勾三股四	#	@勾三股四	#	#	淘宝	#
cnberg	冰山一角	@berg	@cnberg	@cnberg	百度	骑行
大猫	意淫笔记	@daemao	@Damao	@13igcat	腾讯	知乎
hzlzh	自力博客	@hzlzh	@hzlzh	@hzlzh	腾讯	前端开发
C7210	beforweb.com/	@C7210	@C7210	@C7210	#	UX、交互设计师、视觉与前端
kejun	http://hikejun.com/	#	#	#	腾讯	前端开发
张鑫旭	张鑫旭博客	@张鑫旭	@zhangxinxu	@zhangxinxu	腾讯上海 ISUX	前端开发
lucifr	http://lucifr.com/	@lucifr	@lucifr	@lucifr	#	Mac,ios
smallni	http://www.smallni.com/	#	@Smallni	#	腾讯	前端开发
TQ	http://targetkiller.net/	@Piser-TQ	@tqtan	@targetkiller	腾讯 ISUX	网页重构
LOO2K	LOO2K	@LOO2K	LOO2K	LOO2K	墨筹网	少年才俊
qiqiboy	#	@qiqiboy	#	#	金山网络 UX	吐槽清理大师开发者
foru17	罗磊的独立博客	@罗罗磊磊	@foru17	@foru17	金山网络 UX	打酱油的
周爱民	aimingoo专栏	#	#	#	支付宝	JavaScript语言精髓与编程实践作者
hax	hax的技术部落格	#	#	#	#	前端大牛
三生石上	三生石上	#	#	#	#	js秘密花园译者
司徒正美	Ruby's Louvre	#	#	#	#	前端开发
叶小钗	叶小钗	#	#	#	#	前端开发
聂微东	Darren	#	#	#	百度移动云	前端开发
当耐特	iamzhanglei	#	#	#	#	HTML5实验室作者
教主	_frank	#	#	#	#	又一牛
typeof	typeof	#	#	#	#	又一牛
Gray Zhang	Gray Zhang	#	#	#	#	百度一牛
李松峰	为之漫笔	#	#	#	#	高程2等书的译者
小鱼	sofish	@sofish	#	#	#	百姓网一牛
vilic	vilic	#	#	#	#	年轻一牛
彬Go	彬Go	#	#	#	#	人人网一牛
PuterJam	PuterJam's Blog	#	#	#	#	腾讯一牛
css森林	cssforest	#	#	#	#	前端博客
99css	99css	@ytzong	#	#	#	腾讯一牛
秦歌	Kaven	#	@kavenyan	#	#	js语言精粹译者
linxz	linxz	#	#	#	#	css那些事儿的作者
米随随	米随随	#	#	#	#	腾讯ISUX 一牛
飘飘	飘飘	#	#	#	#	腾讯一牛
Along	Along's Blog	@newwave	#	#	#	Opera 欧朋一牛
安记	cssha	@hanan321	hanan198501	#	#	腾讯一牛

一些社区

名称	地址	介绍
V2EX	http://v2ex.com/	小众活跃社区
Ruby	http://ruby-china.org/	同 V2EX 氛围类似，不局限于Ruby
Node.js 中文社区	http://cnodejs.org/	Node.js 国内最活跃的社区
Code Wall	https://coderwall.com/	国外技术社区

企业官方博客

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

名称	公司	部门	活跃度	简介	微博
ISUX 社交用户体验设计	腾讯	ISUX	★★★★☆	负责腾讯的社交网络相关产品的用户体验设计与研究。	#
腾讯 CDC	腾讯	CDC	★★★★☆	简介	#
腾讯Web前端 Alloy 团队 Blog	腾讯	SNG	★★★★☆	主要负责手机QQ、QQ互联、腾讯Q+、WebQQ项目的团队。	alloyteam
TID-财付通设计中心	腾讯	TID	★★★★☆	简介	#
腾讯MXD移动互联网设计中心	腾讯	MXD	★★★★☆	简介	@腾讯MXD
人人网FED Team	人人网	FED	★★★★☆	简介	#
微博UDC	新浪	UDC	★★★★☆	简介	@微博UDC设计中心
新浪UED	新浪	UED	★★★★☆	简介	#
网易用户体验设计中心	网易	UED	★★★★☆	简介	#
阿里巴巴（中国站）用户体验设计部博客	阿里巴巴	UED	★★★★☆	简介	@Alibaba-UED
携程UED-携程旅行前端开发团队	携程网	UED	★★★☆☆	携程UED,携程前端开发团队,UED,Javascript,重构,ux	#
百度FEX	百度	FEX	★★★★☆	百度前端团队Blog,关注前端技术，还更重视全端及全栈的能力。	#

书籍

名称	作者	价格	出版社	简评
Web标准设计	刘杰（嗷嗷）	RMB 60.00	清华大学出版社	基础入门
大巧不工 : Web前端设计修炼之道	赖定清 / 林坚	RMB 59.00	机械工业出版社	适合入门，了解前端全局
高性能网站建设指南:前端工程师技能精髓	Steve Souders	RMB 35.00	电子工业出版社	能从原理层理解各种方法
高性能网站建设指南:Web开发者性能优化最佳实践	Steve Souders	RMB 49.80	电子工业出版社	#
Web站点优化 : Web站点优化	金	RMB 55.00	#	#
Node.js开发指南	郭家寶	RMB 45.00	#	作者很牛
JavaScript高级程序设计	Nicholas C. Zakas	RMB 99.00	人民邮电出版社	适合没事就翻翻
JavaScript权威指南	弗拉纳根	RMB 109.00	机械工业出版社	犀牛书
JavaScript语言精髓	Douglas Crockford	RMB 35.00	电子工业出版社	绝对经典，相信看完后，对Javascript这门语言有了重新认识，原来这个语言是这么的美丽！

QQ交流群

JS-前端开发 159758989

禁止闲聊，鼓励提问与资源分享。着重于话题质量以问题驱动，有问题有话题，无问题可以适当交流职业困惑或技术相关行业趣闻方面。

有帮助

没帮助

上一篇：vue+element-ui+阿里云OSS 自动上传文件

下一篇：浏览器Element.getBoundingClientRect方法用例

栏目索引