/front-end-collect

分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者

Primary LanguageJavaScript

前端收集

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

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

====

前端收集图谱

image

聚合&&周报订阅

名称 订阅地址 介绍
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技术资讯、新闻、教程、深度文章。
@前端快爆 阿里巴巴 有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 @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/ 国外技术社区
前端乱炖 http://www.html-js.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这门语言有了重新认识,原来这个语言是这么的美丽!

##捐赠目录

##大漠分享

###性能优化优秀教程

=======

####线上的一些翻译版好书

书名 地址 作者 译者 介绍
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 会 不断更新,感谢推荐和分享新资源的朋友。