前端路途漫远,学会分享:参考了别人的分享,增加了自己的分享,期待你的分享
在前端路上摸索前行,在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。
====
学习过程中的一些网址
专业博客
注:此处活跃度
为博客更新频率,原创度
指的是作者原创或者翻译的文章所占博文比例。请尊重原创,大量转载其他网站资讯的网站和聚合类网站不做推荐。
中文博客
名称 | 活跃度 | 原创度 | 维护者 | 其他 |
---|---|---|---|---|
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
提交推荐,最好能推荐一些在前端界较活跃的的开发者。
一些社区
名称 | 地址 | 介绍 |
---|---|---|
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/ | 国内前端技术社区 |
稀土掘金 | http://gold.xitu.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 |
知名个人博客
- 【张鑫旭】的个人博客
- 【艾伦】- 博客园 - 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