前端资源(优秀网站、博客、以及活跃开发者)

查看原文
@forked from hjzheng/front-end-collect

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

前端收集图谱(点击查看)

聚合&&周报订阅

名称 订阅地址 介绍
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这门语言有了重新认识,原来这个语言是这么的美丽!
时间: 2024-09-30 05:24:17

前端资源(优秀网站、博客、以及活跃开发者)的相关文章

为什么程序员的个人网站博客一般都很丑?

为什么程序员的个人网站博客一般都很丑?说实话,在国内程序员的个人站UI.UE出彩的还是比较少的,依然还是90年代是web1.0的风格. 而且,作为前端程序员,什么交互设计,什么css3动效果,平常项目中的一些蹦跶酷炫的style并没有在自己的网站得以 呈现. 比如我的网站,从12年匆忙上线到现在,基本上是个试用品.之前做个人运营 一叶飘(yiyepiao.cn).启导者(qidaozhe.cn)还是花点心思.作为一个草根站长,也幻想过站在web的风口被吹上天. 说实话,对于现在的网站,UI上是不

【转载】国内网站博客数据统计选免费Google Analytics还是百度统计

[转载]国内网站博客数据统计选免费Google Analytics还是百度统计 Google Analytics谷歌统计是我用的第一个网站统计工具,当然现在也一直在用.Google Analytics凭借其强大的功能和超强的稳定性.快速的反应能力.广泛的数据应用功能,受到了广大站长的追捧. 使用Google Analytics的站长们应该不在少数吧,每天登录Google Analytics免费网站上查看网站的流量也是我们这些站长们必须做的事情,认真分析Google Analytics当中的数据信

网站博客更换主机空间搬家:Discuz! X2.5老鹰主机搬家全过程

http://www.freehao123.com/discuz-x2-5-banjia/由于我放在hawkhost老鹰主机主机的部落论坛就要到期了,而老鹰主机的续费价格却是按照原价来的,没有任何优惠可言.所以如果按照原价来续费的话,老鹰主机的性价比还不如首年购买主机5折优惠要划算些. 为了省钱,我又重新购买了一个老鹰主机的Basic套餐,将原来的Discuz! X2.5搬家到新的空间的上,整个过程从购买空间成功到等待激活,再到空间完成搬家和域名解析大概没用过12小时. 恰好有朋友咨询我关于如何

个人收集的国外Oracle优秀技术博客分享

个人收集的国外的优秀的Oracle博客网站,有需要的拿去,不能访问的请自行翻墙 1. http://www.oratechinfo.co.uk/ http://www.oratechinfo.co.uk/ 2. oracle官方文档汇总 1> 10.2官方文档 http://www.oracle.com/pls/db102/homepage 2> 11.2官方文档 http://docs.oracle.com/cd/E11882_01/index.htm 3> 12.1官方文档 http

一个前端写的php博客系统--支持markdown哦

部署的地址 我的博客地址:http://www.weber.pub/ 起因 最近买了个新的域名,同时在阿里云申请了免费的虚拟主机...借此机会就想搞个自己的博客站点,虽然之前也使用了hexo + github . WordPress 做过,但是我的阿里云虚拟主机实在是不知道怎么去搞hexo (也许根本就搞不起来,除非自己花钱买主机,哈哈)...WordPress总是感觉好笨重,运行起来一股的人到中年,气喘吁吁啊...百度之后,typeecho成了首选,但是markdown竟然有问题...一口老血

前端网站博客

淘宝前端团队博客地址: http://taobaofed.org/360前端团队博客地址:https://75team.com/百度前端团队博客地址:http://fex.baidu.com/京东前端团队博客地址:https://aotu.io/notes/腾讯前端团队博客地址:http://www.alloyteam.com/ 原文地址:https://www.cnblogs.com/zy-jiayou/p/12008560.html

基于github发布 个人网站/博客

我们可以使用GitHub去发布自己的网站了(静态网站), 只要经过简单几步即可.这样小伙伴可以给朋友或面试官展示自己个人项目啦. 第一步:创建一个新仓库 第二步:在仓库选择"Settings"页,找到下面的"GitHub Pages",点进去随便选一个主题 第三步:选择主题后,可以看到一个博客地址. 地址格式:https://用户名.github.io/仓库名/ 当放入自己文件上传后,访问该地址就能看到页面了.默认是访问index.html的,如果你文件叫abc.h

Cloudflare-为自己的网站&博客保驾护航

官网: https://www.cloudflare.com/zh-cn/ Cloudflare是什么? 优化功能,提升网站性能,提供SSL服务,提供安全防护,托管服务:为企业,非营利组织,博客等提供更快,更安全的网站和应用程序 如何做:官网上面也简单粗暴的流程. 原文地址:https://www.cnblogs.com/supertrampai/p/11232619.html

3行代码 为你的网站博客添加萌萌哒可爱二次元女动漫玩偶人物(看板娘)

看板娘一词源自日语“看板娘(かんばんむすめ)”.其中的“看板”指的是店面招牌,或者是为了宣传.打广告而制作的宣传牌.“看板娘”也就是店面的招牌姑娘,亦即能够提升店面人气和顾客流量的女服务生.女店员等.也就是说,看板娘本身就是一块“活看板”,其本身的魅力就能够起到宣传.拉人气的作用.英语又称之为“Poster Girl”. 默认只在PC端才会显示 (手机屏幕太小, 放上看板娘容易遮挡内容, 体验不好): 效果如图所示: 可以玩射击游戏, 被射击到的网页元素会消失 里面的子弹可以穿越屏幕边缘的哦(空