前端收集

前端收集

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

本身 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/	每周发布一个设计类课程
前端资源分享 半月刊	http://www.hacke2.cn/monthly/	每半月发布最新高质量的前端资源
中文推送
SegmentFault精选	http://segmentfault.com/	国内开发者技术问答社区每周精选问答
FE Weekly	http://www.feweekly.com/	每周一次，内容主要是英文的，不过有中文导读
EchoJs_News	http://www.echojs.com/	天天推送若干好文，都是英文的，JS技术类

专业博客

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

中文博客

名称	活跃度	原创度	维护者	其余
W3Cplus	★★★★★	★★★★★	淘宝 @大漠	国内最优秀的前端博客，原创居多
W3Cfuns	★★★★★	★★★★☆	#	专一于web前端开发行业的综合性门户网站
前端观察	★★★★☆	★★★★☆	腾讯 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
NCZOnline	★★★★★	★★★★★	Nicholas C. Zakas	html5,ccs3,javascript
HTML5 Rocks	★★★★★	★★★★★	#	html5权威网站
A List Apart	★★★★★	★★★★★	#	能够改变世界的文章
hakim	★★★★★	★★★★★	HAKIM EL HATTAB	ccs3,javascript
DailyJS	★★★★★	★★★★★	#	javascript

活跃微博

ID	公司	简介
@w3c中国	#	万维网联盟中国办事处官方微博
@TheFrontEnd	#	JavaScript技术资讯、新闻、教程、深度文章。
@前端快爆	阿里巴巴	有HTML五、CSS三、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	@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	#	#	去哪网一牛
余弦	EVILCOS	余弦	evilcos	#	知道创宇	安全（黑客）、架构、团队的各类观点与分享
汤姆大叔	汤姆大叔的博客	#	#	#	#	《深刻理解Bootstrap》、《JavaScript启示录》、《JavaScript设计模式》等多本前端书籍翻译做者

一些社区

名称	地址	介绍
V2EX	http://v2ex.com/	小众活跃社区
知乎	http://www.zhihu.com/	综合问答社区
前端乱炖	http://www.html-js.com/	专业的前端知识平台
segmentfault	http://segmentfault.com/	综合问答社区
果壳问答	http://www.guokr.com/ask/pending/	综合问答社区
Ruby	http://ruby-china.org/	同 V2EX 氛围相似，不局限于Ruby
Node.js 中文社区	http://cnodejs.org/	Node.js 国内最活跃的社区
Code Wall	https://coderwall.com/	国外技术社区
DIV.IO	http://div.io/	国内前端技术社区

企业官方博客

在开头个人 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,关注前端技术，还更重视全端及全栈的能力。	#
淘宝UED	淘宝网	UED	★★★★☆	用户体验、交互设计、视觉设计、前端技术博客	@淘宝UED

书籍

名称	做者	价格	出版社	简评
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这门语言有了从新认识，原来这个语言是这么的美丽！

捐赠目录

• 【张鑫旭】的我的博客
• 【艾伦】- 博客园 - jQuery源码分析系列
• 【大漠】 W3CPLUS是一个前端爱好者的家园
• 【司徒正美】 - 博客园
• 【Hemin】jQuery API 中文手册
• 【鸟哥】Laruence
• 【Highcharts】Highcharts中文赞助
• 【芒果云】 在线资源管理器
• wangeditor 轻量级web富文本编辑器
• YouMeek - IntelliJ-IDEA-Tutorial

大漠分享

性能优化优秀教程

• 5173首页前端性能优化实践
• 给网页设计师和前端开发者看的前端性能优化
• 复杂应用的 CSS 性能分析和优化建议
• 张鑫旭——前端性能
• 前端性能监控总结
• 网站性能优化之CSS无图片技术
• web前端性能优化进阶路
• 前端技术：网站性能优化之CSS无图片技术
• 浏览器的加载与页面性能优化
• 页面加载中的图片性能优化
• Hey——前端性能
• html优化
• 99css——性能
• Yslow——性能优化
• YSLOW中文介绍
• 转一篇Yahoo关于网站性能优化的文章，兼谈本站要作的优化
• Yahoo!团队实践分享：网站性能
• 网站性能优化指南：什么使咱们的网站变慢？
• 网站性能优化实践，减小加载时间，提升用户体验
• 浅谈网站性能优化 前端篇
• 前端重构实践之如何对网站性能优化？
• 前端性能优化：使用媒体查询加载指定大小的背景图片
• 网站性能系列博文
• 加载，不仅是少一点点
• 前端性能的测试与优化
• 分享网页加载速度优化的一些技巧？
• 页面加载中的图片性能优化
• web前端优化(基于Yslow)
• 网站性能优化工具大全
• 【高性能前端1】高性能HTML
• 【高性能前端2】高性能CSS
• 由12306谈谈网站前端性能和后端性能优化
• AlloyTeam——前端优化
• 毫秒必争，前端网页性能最佳实践
• 网站性能工具Yslow的使用方法
• 前端工程与性能优化（上）：静态资源版本更新与缓存
• 前端工程与性能优化（下）：静态资源管理与模板框架
• HTTPS链接的前几毫秒发生了什么
• Yslow
• Essential Web Performance Metrics — A Primer, Part 1
• Essential Web Performance Metrics — Part 2
• YUISlide,针对移动设备的动画性能优化
• Improving Site Performance
• 让网站提速的最佳前端实践
• Why Website Speed is Important
• Need for Speed – How to Improve your Website Performance

 

线上的一些翻译版好书

书名	地址	做者	译者	介绍
JavaScript秘密花园	http://bonsaiden.github.io/JavaScript-Garden/zh/	伊沃·韦特泽尔&张易江	三生石上	完整书籍，界面美观，有详细demo
Material Design 中文版	http://design.1sters.com/	Google设计手册	协同翻译	Google I/O 2014 发布的 Material Design 官方手册的中文翻译
JavaScript DOM编程艺术	Jeremy Keith /Jeffrey Sambells	RMB 49.00	人民邮电出版社	适合Javascript入门看
深刻浅出node.js	朴灵	RMB 69.00	人民邮电出版社	一本从前端通往全端的好书
CSS开发王	张亚飞	RMB 49.00	电子工业出版社	适合有必定基础后CSS进阶用

关于

 

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