Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/jikeytang/front-end-collect

分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者
https://github.com/jikeytang/front-end-collect
Last synced: 3 months ago
JSON representation
分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者
Host: GitHub
URL: https://github.com/jikeytang/front-end-collect
Owner: jikeytang
Fork: true (foru17/front-end-collect)
Created: 2013-12-19T01:04:02.000Z (almost 11 years ago)
Default Branch: master
Last Pushed: 2018-02-11T00:36:57.000Z (over 6 years ago)
Last Synced: 2024-06-25T06:32:41.379Z (4 months ago)
Language: JavaScript
Size: 340 KB
Stars: 1,229
Watchers: 179
Forks: 528
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

awesome - jikeytang / front-end-collect
awesome-hacking-lists - jikeytang/front-end-collect - 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者 (JavaScript)
README

        前端收集

=================

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

自己 RSS 长期订阅了一些IT 和技术相关博客，这里是我Feedly 输出的opml，可直接导入一些RSS 阅读器:

https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml

====

#### [前端收集图谱](http://get-set.cn/front-end-collect/)

- 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以上浏览器

![image](https://raw.githubusercontent.com/hjzheng/front-end-collect/master/img/front-end-chart.png)

#### 聚合&&周报订阅

|名称 |订阅地址 | 介绍 |

| ----- | ----- | ------ |

|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](http://www.w3cplus.com/)|★★★★★|★★★★★|淘宝 @大漠 |国内最优秀的前端博客，原创居多|

|[W3Cfuns](http://www.w3cfuns.com/)|★★★★★|★★★★☆|[#](http://www.w3cfuns.com/misc.php?mod=faq&action=faq&id=1) |专注于web前端开发行业的综合性门户网站|

|[前端观察](http://www.qianduan.net/)|★★★★☆|★★★★☆|腾讯 ISUX @神飞|曾经最优秀，最近更新不频繁了|

|[腾讯web前端 AlloyTeam 团队](http://www.alloyteam.com/)|★★★★|★★★★|[@腾讯AlloyTeam](http://t.qq.com/AlloyTeam)|来自于腾讯SNG(社交网络事业群)|

|[张鑫旭-鑫空间-鑫生活](http://www.zhangxinxu.com/wordpress/)|★★★★☆|★★★★★|张鑫旭|重构很厉害，不少经典文章经验|

|[ria之家](http://www.36ria.com/)|★★★★☆|★★★★☆|淘宝 @明河|#|

|[大前端](http://www.daqianduan.com/)|★★★★☆|★★★★☆|[#](http://www.cssforest.org/blog/index.php?s=about)|#|

|[CSS森林](http://www.cssforest.org/blog/)|★★★★☆|★★★★☆|[关于](http://www.cssforest.org/blog/index.php?s=about)|#|

|[设计达人](http://www.shejidaren.com/)|★★★★☆|★★★☆☆|[#](http://www.cssforest.org/blog/index.php?s=about)|更新较频繁，但转载也较多|

|[阮一峰博客](http://www.ruanyifeng.com/blog/)|★★★★☆|★★★☆☆|[#](http://www.ruanyifeng.com/about.html)|牛人一个|

|[Be For Web - 为网而生 - 原创译文博客](http://beforweb.com/)|★★★★☆|★★★★☆|[@C7210](http://weibo.com/c7210)|关注移动应用及互联网产品、用户体验设计、前端开发|

###### 国外博客

|名称 |活跃度 | 原创度 | 维护者|其他|

| ----- | ----- | ------ |----- |------|

|[Smashing Magazine](http://www.smashingmagazine.com/)|★★★★★|★★★★★| # |业界权威，web 设计很赞|

|[Tuts](http://hub.tutsplus.com/)|★★★★★|★★★★★| - |国外知名开发者网站|

|[DeveloperDrive](http://www.developerdrive.com/)|★★★★★|★★★★★| - |优质前端技术信息|

|[CSS-TRICKS](http://css-tricks.com/)|★★★★★|★★★★★| Chris Coyier |左边这位是大神|

|[Web Designer Wall](http://webdesignerwall.com/)|★★★★★|★★★★★| Nick La.|优质 Html5,CSS3等教程|

|[Tutorialzine](http://tutorialzine.com/)|★★★★★|★★★★★| #|大量 web 教程和资源|

|[Inspect Element](http://inspectelement.com/)|★★★★★|★★★★★| #|CSS,wordpress 相关教程挺多|

|[Codrops](http://tympanus.net/codrops/)|★★★★★|★★★★★| #|设计、交互、CSS|

|[Jake Rutter](http://www.onerutter.com/)|★★★★★|★★★★★| Jake Rutter|Jquery 作者，不解释了|

|[Paul Irish](http://www.paulirish.com/)|★★★★★|★★★★★| Paul Irish|大神,Google Chrome团队,Yeoman|

|[Krasimir Tsonev](http://krasimirtsonev.com/blog)|★★★★★|★★★★★| Krasimir Tsonev|html5,ccs3,javascript|

|[NCZOnline](http://www.nczonline.net/)|★★★★★|★★★★★| Nicholas C. Zakas |html5,ccs3,javascript|

|[HTML5 Rocks](http://www.html5rocks.com/en/)|★★★★★|★★★★★| # |html5权威网站|

|[A List Apart](http://alistapart.com/)|★★★★★|★★★★★| # |可以改变世界的文章|

|[hakim](http://hakim.se/)|★★★★★|★★★★★| HAKIM EL HATTAB|ccs3,javascript|

|[DailyJS](http://dailyjs.com/) | ★★★★★ | ★★★★★ | # | javascript |

##### 活跃微博

|ID |公司 | 简介 |

|-----|------|------|

|[@w3c中国](http://weibo.com/w3cchina)|#|万维网联盟中国办事处官方微博|

|[@TheFrontEnd](http://weibo.com/javascriptdev)|#|JavaScript技术资讯、新闻、教程、深度文章。|

|[@前端快爆](http://weibo.com/fekb)|阿里巴巴|有HTML5、CSS3、JS |

|[@HTML5中国](http://e.weibo.com/html5cn)|#|中国www.html5cn.org官方微博|

|[@developerWorks](http://weibo.com/developerworks)|#|#|

#### 开发者博客

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

###### 国内开发者

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

|ID |博客 |微博 |Github|Twitter| 公司 |关键字|

|-----|-----|------|------|-----|-----|------|

|阮一峰|[阮一峰博客](http://www.ruanyifeng.com/blog/)|[@ruanyf](http://weibo.com/ruanyf)|#|[@ruanyf](https://twitter.com/ruanyf)|上海金融学院国际金融学院| 教师，博客写作人，翻译人，《黑客与画家》的译者|

|老赵| http://blog.zhaojie.me/|[@老赵](http://weibo.com/jeffz)|#|[#]()|摩根大通（香港）| 资深码农|

|玉伯|[岁月如歌](http://lifesinger.wordpress.com/)|[@玉伯也叫射雕](http://weibo.com/lifesinger)|[@lifesinger](https://github.com/lifesinger)|[@lifesinger](https://twitter.com/lifesinger)| 支付宝|大牛|

| kejun |http://hikejun.com/|[@kejunz](http://weibo.com/kejunz)|#|[@kejunz](https://github.com/kejun)| 豆瓣|前端大神|

|寒冬winter|[winter-cn](http://winter-cn.cnblogs.com/)|[@寒冬winter](http://weibo.com/wintercn)|#|#|#|#|

|左耳朵耗子|[酷壳](http://coolshell.cn/)|[@左耳朵耗子](http://weibo.com/haoel)|#|[@haoel](https://twitter.com/haoel)|淘宝|#|

|fool2fish|#|[@fool2fish](http://weibo.com/fool2fish)|#|#|支付宝|#|

|朴灵|[Html5fiy](http://html5ify.com/)|[@朴灵](http://weibo.com/shyvo)|[JacksonTian](https://github.com/JacksonTian)|#|阿里巴巴|《深入浅出Node.js》作者,大牛|

|Cat Chen|[陈广琛](http://catchen.biz/home.zh-CN.html)|[@CatChen](http://weibo.com/u/1640352230)|[@CatChen](https://github.com/CatChen)|[@CatChen](https://twitter.com/CatChen)|Facebook |大牛|

|BYVod|[Beyond the Void](https://www.byvoid.com/)|[@BYVoid](http://weibo.com/byvoid)|[@byvoid](https://github.com/BYVoid)|[@BYVoid](https://twitter.com/byvoid)|Facebook 英国|《Node.js 开发指南》作者,大牛|

|郭宇|[Einmal ist keinmal](http://blog.guoyu.me/)|[@郭宇](http://weibo.com/137601206)|[@turingou](https://github.com/turingou)|[@turingou](https://twitter.com/turingou)|糗事百科,原支付宝|Node.js|

|勾三股四|[勾三股四博客](http://jiongks.name/)|[@勾三股四](http://weibo.com/mx006)|#|#|淘宝|#|

|cnberg|[冰山一角](http://cnberg.com)|[@berg](http://weibo.com/berg)|@cnberg|[@cnberg]()| 百度| 骑行|

|大猫| [意淫笔记](http://bigc.at)|[@daemao](http://weibo.com/daemao)|[@Damao](https://github.com/Damao)|[@13igcat](https://twitter.com/13igcat)|腾讯 |[知乎](http://www.zhihu.com/people/13igcat)|

| hzlzh |[自力博客](https://zlz.im)|[@hzlzh](http://weibo.com/hzlzh)|[@hzlzh](http://github.com/hzlzh)|[@hzlzh](http://twitter.com/hzlzh)| 腾讯|前端开发|

| C7210 |beforweb.com/|[@C7210](http://weibo.com/c7210)|[@C7210](http://twittercom/hzlzh)|[@C7210](http://github.com/hzlzh)|#|UX、交互设计师、视觉与前端|

| kejun |http://hikejun.com/|[#](http://weibo.com/kejun)|[#](http://twittercom/kejun)|[#](http://github.com/hzlzh)| 腾讯|前端开发|

| 张鑫旭 |[张鑫旭博客](http://www.zhangxinxu.com/wordpress/)|[@张鑫旭](http://weibo.com/zhangxinxu)|[@zhangxinxu](https://github.com/zhangxinxu)|[@zhangxinxu](https://twitter.com/zhangxinxu)| 腾讯 上海 ISUX|前端开发|

| lucifr |http://lucifr.com/|[@lucifr](http://weibo.com/lucifr)|[@lucifr](http://twittercom/lucifr)|[@lucifr](http://github.com/lucifr)| #|Mac,ios|

| smallni |http://www.smallni.com/|[#](http://weibo.com/hzlzh)|[@Smallni](https://twitter.com/smallniding/)|[#](http://github.com/hzlzh)| 腾讯|前端开发|

| TQ |http://targetkiller.net/|[@Piser-TQ](http://weibo.com/targetkiller)|[@tqtan](https://twitter.com/tqtan/)|[@targetkiller](https://github.com/targetkiller)| 腾讯 ISUX | 网页重构|

|LOO2K|[LOO2K](http://loo2k.com/blog/)|[@LOO2K](http://weibo.com/loo2k)|[LOO2K](https://github.com/loo2k)|[LOO2K](https://twitter.com/loo2k/)|墨筹网|少年才俊|

|qiqiboy|[qiqiboy](http://www.qiqiboy.com/)|[@qiqiboy](http://weibo.com/qiqiboy)|#|#|金山网络 UX|吐槽清理大师开发者|

|foru17|[罗磊的独立博客](http://luolei.org)|[@罗罗磊磊](http://weibo.com/foru17)|[@foru17](https://github.com/foru17)|[@foru17](https://twitter.com/foru17)|金山网络 UX|打酱油的|

|周爱民|[aimingoo专栏](http://blog.csdn.net/aimingoo/)|#|#|#|支付宝|JavaScript语言精髓与编程实践作者|

|hax|[hax的技术部落格](http://hax.iteye.com/)|#|#|#|#|前端大牛|

|三生石上|[三生石上](http://www.cnblogs.com/sanshi)|#|#|#|#|js秘密花园译者|

|司徒正美|[Ruby's Louvre](http://www.cnblogs.com/rubylouvre)|#|#|#|#|前端开发|

|叶小钗|[叶小钗](http://www.cnblogs.com/yexiaochai)|#|#|#|#|前端开发|

|聂微东|[Darren](http://www.cnblogs.com/Darren_code/)|#|#|#|百度移动云|前端开发|

|当耐特|[iamzhanglei](http://www.cnblogs.com/iamzhanglei/)|#|#|#|#|HTML5实验室作者|

|教主|[_frank](http://www.cnblogs.com/_franky)|#|#|#|#|又一牛|

|typeof|[typeof](http://typeof.net/)|#|#|#|#|又一牛|

|Gray Zhang|[Gray Zhang](http://www.cnblogs.com/GrayZhang)|#|#|#|#|百度一牛|

|李松峰|[为之漫笔](http://www.cn-cuckoo.com)|#|#|#|#|高程2等书的译者|

|小鱼|[sofish](http://sofish.de/)|[@sofish](http://weibo.com/sofish)|#|#|#|百姓网一牛|

|vilic|[vilic](http://vilic.info/)|#|#|#|#|年轻一牛|

|彬Go|[彬Go](http://blog.bingo929.com/)|#|#|#|#|人人网一牛|

|PuterJam|[PuterJam's Blog](http://www.pjhome.net)|#|#|#|#|腾讯一牛|

|css森林|[cssforest](http://www.cssforest.org)|#|#|#|#|前端博客|

|99css|[99css](http://www.99css.com/)|[@ytzong](http://weibo.com/ytzong)|#|#|#|腾讯一牛|

|秦歌|[Kaven](http://dancewithnet.com/)|#|[@kavenyan](http://twitter.com/kavenyan)|#|#|js语言精粹译者|

|linxz|[linxz](http://www.linxz.de/)|#|#|#|#|css那些事儿的作者|

|米随随|[米随随](http://s5s5.me/)|#|#|#|#|腾讯ISUX 一牛|

|飘飘|[飘飘](http://pufen.net/)|#|#|#|#|腾讯一牛|

|Along|[Along's Blog](http://jinlong.github.io/)|[@newwave](http://weibo.com/newwave)|#|#|#|Opera 欧朋一牛|

|安记|[cssha](http://www.cssha.com/)|[@hanan321](http://weibo.com/hanan321)|[hanan198501](https://github.com/hanan198501)|#|#|去哪网一牛|

| 余弦 | [EVILCOS](http://evilcos.me/) | [余弦](http://weibo.com/evilcos) | [evilcos](https://github.com/evilcos) | # | [知道创宇](http://www.knownsec.com/) | 安全（黑客）、架构、团队的各种观点与分享 | # | [冯大辉](http://dbanotes.net/) | 现在就职于丁香园 (http://dxy.cn) ，担任技术团队负责人.

|汤姆大叔|[汤姆大叔的博客](http://www.cnblogs.com/TomXu/)|#|#|#|#|《深入理解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/ | 国内前端技术社区 |

| 稀土掘金 | http://gold.xitu.io/ | 中国高质量的技术分享社区 |

##### 企业官方博客

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

|名称 |公司 | 部门|活跃度 | 简介|微博|

| ----- | ----- | ------ | ------ |-----|-----|

| [ISUX 社交用户体验设计](http://isux.tencent.com/) | 腾讯 |  ISUX| ★★★★☆|负责腾讯的社交网络相关产品的用户体验设计与研究。|#|

| [腾讯 CDC](http://cdc.tencent.com/) | 腾讯 |  CDC| ★★★★☆| 简介 |#|

| [腾讯Web前端 Alloy 团队 Blog](http://www.alloyteam.com/) | 腾讯 | SNG| ★★★★☆|主要负责手机QQ、QQ互联、腾讯Q+、WebQQ项目的团队。 |[alloyteam](http://weibo.com/alloyteam)|

| [TID-财付通设计中心](http://tid.tenpay.com/) | 腾讯 |  TID| ★★★★☆|简介 |#|

| [腾讯MXD移动互联网设计中心](http://mxd.tencent.com/) | 腾讯 |  MXD| ★★★★☆|简介 |[@腾讯MXD](http://e.t.qq.com/tencent_mxd)|

| [人人网FED Team](http://tid.tenpay.com/) | 人人网 |   FED| ★★★★☆|简介 |#|

| [微博UDC](http://udc.weibo.com/) | 新浪 |   UDC| ★★★★☆|简介 |[@微博UDC设计中心](http://weibo.com/sudc)|

| [新浪UED](http://ued.sina.com.cn/) | 新浪 |   UED| ★★★★☆|简介 |[#](http://weibo.com/sudc)|

| [网易用户体验设计中心](http://uedc.163.com/) | 网易 |   UED| ★★★★☆|简介 |[#](http://weibo.com/sudc)|

| [阿里巴巴（中国站）用户体验设计部博客](http://www.aliued.cn/) | 阿里巴巴 |   UED| ★★★★☆|简介 |[@Alibaba-UED](http://weibo.com/aliued)|

| [携程UED-携程旅行前端开发团队](http://ued.ctrip.com/blog/) | 携程网 |   UED| ★★★☆☆|携程UED,携程前端开发团队,UED,Javascript,重构,ux|#|

| [百度FEX](http://fex.baidu.com/) | 百度 |   FEX| ★★★★☆| 百度前端团队Blog,关注前端技术，还更重视全端及全栈的能力。|#|

|[淘宝UED](http://ued.taobao.org/blog/)|淘宝网|UED|★★★★☆|用户体验、交互设计、视觉设计、前端技术博客|[@淘宝UED](http://weibo.com/taobaoued)|

## 书籍

|名称 | 作者 | 价格 | 出版社|简评 |

| ----- | ----- | ------ |----- |------|

| [Web标准设计](http://book.douban.com/subject/3327829/) | 刘杰（嗷嗷） | RMB 60.00  | 清华大学出版社 |基础入门|

| [大巧不工 : Web前端设计修炼之道](http://book.douban.com/subject/4914146/) | 赖定清 / 林坚  | RMB 59.00  | 机械工业出版社|适合入门，了解前端全局|

|[高性能网站建设指南:前端工程师技能精髓](http://book.douban.com/subject/3132277/)|Steve Souders |RMB 35.00|电子工业出版社|能从原理层理解各种方法|

|[高性能网站建设指南:Web开发者性能优化最佳实践](http://book.douban.com/subject/4719162/)|Steve Souders |RMB 49.80|电子工业出版社|#|

|[Web站点优化 : Web站点优化](http://book.douban.com/subject/4124141/)|金  |RMB 55.00|#|#|

|[Node.js开发指南](http://book.douban.com/subject/10789820/)| 郭家寶  |RMB 45.00|#|作者很牛|

|[JavaScript高级程序设计](http://book.douban.com/subject/10546125/)| Nicholas C. Zakas   |RMB 99.00|人民邮电出版社|适合没事就翻翻|

|[JavaScript权威指南](http://book.douban.com/subject/2228378/)| 弗拉纳根    |RMB 109.00|机械工业出版社|犀牛书|

|[JavaScript语言精粹](http://book.douban.com/subject/3590768/)| Douglas Crockford    |RMB 35.00| 电子工业出版社|绝对经典，相信看完后，对Javascript这门语言有了重新认识，原来这个语言是这么的美丽！|

##捐赠目录

- [【张鑫旭】的个人博客](http://www.zhangxinxu.com/wordpress/2014/12/css3-animation-dotting-loading/)

- [【艾伦】- 博客园 - jQuery源码分析系列](http://www.cnblogs.com/aaronjs/p/3279314.html)

- [【大漠】 W3CPLUS是一个前端爱好者的家园](http://www.w3cplus.com/w3cplus-2014.html)

- [【司徒正美】 - 博客园](http://www.cnblogs.com/rubylouvre/archive/2009/09/15/1566722.html)

- [【Hemin】jQuery API 中文手册](http://hemin.cn/jq/)

- [【鸟哥】Laruence](http://weibo.com/p/1001603794538257899132)

- [【Highcharts】Highcharts中文赞助](http://www.hcharts.cn/about/donate.php)

- [【芒果云】 在线资源管理器](http://wwhttp://kalcaddle.com/about.html)

- [wangeditor 轻量级web富文本编辑器](http://www.wangeditor.com/contact.html)

- [YouMeek - IntelliJ-IDEA-Tutorial](http://www.youmeek.com/donate/)

##[大漠](http://www.w3cplus.com)分享

###性能优化优秀教程

- [5173首页前端性能优化实践](http://ued.5173.com/?p=1731)

- [给网页设计师和前端开发者看的前端性能优化](http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers)

- [复杂应用的 CSS 性能分析和优化建议](http://www.orzpoint.com/profiling-css-and-optimization-notes/)

- [张鑫旭——前端性能](http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD/)

- [前端性能监控总结](http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html)

- [网站性能优化之CSS无图片技术](http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF/)

- [web前端性能优化进阶路](http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html)

- [前端技术：网站性能优化之CSS无图片技术](http://my.eoe.cn/tuwandou/archive/4544.html)

- [浏览器的加载与页面性能优化](http://www.baiduux.com/blog/2011/02/15/browser-loading/)

- [页面加载中的图片性能优化](http://www.w3ctech.com/p/1503)

- [Hey——前端性能](http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD)

- [html优化](http://www.baiduux.com/blog/2010/03/15/html%E4%BC%98%E5%8C%96-2/)

- [99css——性能](http://www.99css.com/archives/tag/%E6%80%A7%E8%83%BD)

- [Yslow——性能优化](http://www.yslow.net/category.php?cid=20)

- [YSLOW中文介绍](http://www.cnblogs.com/yslow/)

- [转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化](http://www.360ito.com/article/40.html)

- [Yahoo!团队实践分享：网站性能](http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml)

- [网站性能优化指南：什么使我们的网站变慢？](http://blog.jiasule.com/i/153)

- [网站性能优化实践，减少加载时间，提高用户体验](http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html)

- [浅谈网站性能优化 前端篇](http://www.umtry.com/archives/747.html)

- [前端重构实践之如何对网站性能优化？](http://www.adinnet.cn/blog/designview/2012-7-12/678.html)

- [前端性能优化：使用媒体查询加载指定大小的背景图片](http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9/)

- [网站性能系列博文](http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html)

- [加载，不只是少一点点](http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml)

- [前端性能的测试与优化](http://mzhou.me/article/95310/)

- [分享网页加载速度优化的一些技巧？](http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading/)

- [页面加载中的图片性能优化](http://www.f2es.com/images-bytes-opt/)

- [web前端优化(基于Yslow)](http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html)

- [网站性能优化工具大全](http://www.qianduan.net/website-performance-optimization-tool.html)

- [【高性能前端1】高性能HTML](http://www.alloyteam.com/2012/10/high-performance-html/)

- [【高性能前端2】高性能CSS](http://www.alloyteam.com/2012/10/high-performance-css/)

- [由12306谈谈网站前端性能和后端性能优化](http://coolshell.cn/articles/6470.html)

- [AlloyTeam——前端优化](http://www.alloyteam.com/category/webfrontend/%E5%89%8D%E7%AB%AF%E4%BC%98%E5%8C%96/)

- [毫秒必争，前端网页性能最佳实践](http://www.cnblogs.com/developersupport/p/3248695.html)

- [网站性能工具Yslow的使用方法](http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html)

- [前端工程与性能优化（上）：静态资源版本更新与缓存](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1)

- [前端工程与性能优化（下）：静态资源管理与模板框架](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2)

- [HTTPS连接的前几毫秒发生了什么](http://blog.jobbole.com/48369/)

- [Yslow](http://uicss.cn/yslow/#more-12319)

- [Essential Web Performance Metrics — A Primer, Part 1](http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1/)

- [Essential Web Performance Metrics — Part 2](http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2/)

- [YUISlide,针对移动设备的动画性能优化](http://jayli.github.io/blog/data/2011/12/23/yuislide.html)

- [Improving Site Performance](http://joelglovier.com/improving-site-performance/)

- [让网站提速的最佳前端实践](http://blog.segmentfault.com/laopopo/1190000000367899)

- [Why Website Speed is Important](http://sixrevisions.com/web-development/why-website-speed-is-important/)

- [Need for Speed – How to Improve your Website Performance](http://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance/)

=======

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

|书名|地址|作者|译者|介绍|

|----|----|----|----|----|

|JavaScript秘密花园|http://bonsaiden.github.io/JavaScript-Garden/zh/|伊沃·韦特泽尔&张易江|[三生石上](http://sanshi.me/)|完整书籍，界面美观，有详细demo|

| Material Design 中文版 | http://design.1sters.com/ | Google设计手册 | 协同翻译 | Google I/O 2014 发布的 Material Design 官方手册的中文翻译 |

|[JavaScript DOM编程艺术](http://book.douban.com/subject/6038371/)|Jeremy Keith /Jeffrey Sambells|RMB 49.00|人民邮电出版社|适合Javascript入门看|

|[深入浅出node.js](http://book.douban.com/subject/25768396/)|朴灵|RMB 69.00|人民邮电出版社|一本从前端通往全端的好书|

|[CSS开发王](http://book.douban.com/subject/3137282/)|张亚飞|RMB 49.00|电子工业出版社|适合有一定基础后CSS进阶用|

##关于

======

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