{"id":19685228,"url":"https://github.com/ckjbug/front-end-collection","last_synced_at":"2025-07-06T14:03:49.364Z","repository":{"id":130416739,"uuid":"75940341","full_name":"ckjbug/Front-end-collection","owner":"ckjbug","description":"收集1-前端开发相关的优秀网站、博客、以及活跃开发者","archived":false,"fork":false,"pushed_at":"2016-12-08T13:31:18.000Z","size":200,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-06T14:03:32.605Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ckjbug.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-12-08T13:30:49.000Z","updated_at":"2019-06-26T20:54:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"016d9995-ccb3-4489-ad49-17f267e02e5b","html_url":"https://github.com/ckjbug/Front-end-collection","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ckjbug/Front-end-collection","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckjbug%2FFront-end-collection","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckjbug%2FFront-end-collection/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckjbug%2FFront-end-collection/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckjbug%2FFront-end-collection/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ckjbug","download_url":"https://codeload.github.com/ckjbug/Front-end-collection/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ckjbug%2FFront-end-collection/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263914030,"owners_count":23529074,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T18:21:03.604Z","updated_at":"2025-07-06T14:03:49.344Z","avatar_url":"https://github.com/ckjbug.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"前端收集\n=================\n\n在前端路上摸索前行，在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。欢迎更新。以下各排名不分先后顺序。\n\n自己 RSS 长期订阅了一些IT 和技术相关博客，这里是我Feedly 输出的opml，可直接导入一些RSS 阅读器:\nhttps://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml\n\n====\n\n#### [前端收集图谱](http://get-set.cn/front-end-collect/)\n\n- git clone https://github.com/hjzheng/front-end-collect\n- cd front-end-collect \n- bower install\n- 放入你喜欢的web容器,访问index.html即可\n- 你也直接可以访问: http://get-set.cn/front-end-collect/\n- 支持Chrome, Firefox and IE10\u002611以上浏览器\n\n![image](https://raw.githubusercontent.com/hjzheng/front-end-collect/master/img/front-end-chart.png)\n\n#### 聚合\u0026\u0026周报订阅\n|名称 |订阅地址 | 介绍 | \n| ----- | ----- | ------ |\n|Html5 Weekly|http://html5weekly.com/| Html 技术类|\n|CSS Weekly|http://css-weekly.com/| |\n|Javascript Weekly|http://javascriptweekly.com/|JS相关，同样有 html,css 和工具相关|\n|Web Design Weekly| http://web-design-weekly.com/ | 设计、技术、技巧、工具聚合|\n|UX Weekly|http://uxwkly.com/|用户体验、网页设计推送|\n|Web Tools Weekly|http://webtoolsweekly.com/|Js，工具推送|\n|RESPONSIVE DESIGN NEWSLETTER|http://responsivedesignweekly.com/|每周推送一次响应式设计相关|\n|Tutorialzine|http://tutorialzine.com/|精品教程和资源推送|\n|Sidebar|http://sidebar.io/|每天、每半周、每周推送5条设计相关|\n|The Hacker News Newsletter|http://www.hackernewsletter.com/|HN 每周精选|\n|Design News|https://news.layervault.com/|F2类资讯聚合|\n|HACKDESIGN|http://hackdesign.org/|每周发布一个设计类课程|\n\n\n\n#### 专业博客\n\n注:此处`活跃度`为博客更新频率，`原创度`指的是作者原创或者翻译的文章所占博文比例。请尊重原创，大量转载其他网站资讯的网站和聚合类网站不做推荐。\n\n###### 中文博客\n|名称 |活跃度 | 原创度 | 维护者|其他|\n| ----- | ----- | ------ |----- |-----|\n|[W3Cplus](http://www.w3cplus.com/)|★★★★★|★★★★★|携程 @大漠 |国内最优秀的前端博客，原创居多|\n|[前端观察](http://www.qianduan.net/)|★★★★☆|★★★★☆|腾讯 ISUX @神飞|曾经最优秀，最近更新不频繁了|\n|[腾讯web前端 AlloyTeam 团队](http://www.alloyteam.com/)|★★★★|★★★★|[@腾讯AlloyTeam](http://t.qq.com/AlloyTeam)|来自于腾讯SNG(社交网络事业群)|\n|[张鑫旭-鑫空间-鑫生活](http://www.zhangxinxu.com/wordpress/)|★★★★☆|★★★★★|张鑫旭|重构很厉害，不少经典文章经验|\n|[ria之家](http://www.36ria.com/)|★★★★☆|★★★★☆|淘宝 @明河|#|\n|[大前端](http://www.daqianduan.com/)|★★★★☆|★★★★☆|[#](http://www.cssforest.org/blog/index.php?s=about)|#|\n|[CSS森林](http://www.cssforest.org/blog/)|★★★★☆|★★★★☆|[关于](http://www.cssforest.org/blog/index.php?s=about)|#|\n|[设计达人](http://www.shejidaren.com/)|★★★★☆|★★★☆☆|[#](http://www.cssforest.org/blog/index.php?s=about)|更新较频繁，但转载也较多|\n|[阮一峰博客](http://www.ruanyifeng.com/blog/)|★★★★☆|★★★☆☆|[#](http://www.ruanyifeng.com/about.html)|牛人一个|\n|[Be For Web - 为网而生 - 原创译文博客](http://beforweb.com/)|★★★★☆|★★★★☆|[@C7210](http://weibo.com/c7210)|关注移动应用及互联网产品、用户体验设计、前端开发|\n\n\n\n###### 国外博客\n|名称 |活跃度 | 原创度 | 维护者|其他|\n| ----- | ----- | ------ |----- |------|\n|[Smashing Magazine](http://www.smashingmagazine.com/)|★★★★★|★★★★★| # |业界权威，web 设计很赞|\n|[Tuts](http://hub.tutsplus.com/)|★★★★★|★★★★★| - |国外知名开发者网站|\n|[DeveloperDrive](http://www.developerdrive.com/)|★★★★★|★★★★★| - |优质前端技术信息|\n|[CSS-TRICKS](http://css-tricks.com/)|★★★★★|★★★★★| Chris Coyier |左边这位是大神|\n|[Web Designer Wall](http://webdesignerwall.com/)|★★★★★|★★★★★| Nick La.|优质 Html5,CSS3等教程|\n|[Tutorialzine](http://tutorialzine.com/)|★★★★★|★★★★★| #|大量 web 教程和资源|\n|[Inspect Element](http://inspectelement.com/)|★★★★★|★★★★★| #|CSS,wordpress 相关教程挺多|\n|[Codrops](http://tympanus.net/codrops/)|★★★★★|★★★★★| #|设计、交互、CSS|\n|[Jake Rutter](http://www.onerutter.com/)|★★★★★|★★★★★| Jake Rutter|Jquery 作者，不解释了|\n|[Paul Irish](http://www.paulirish.com/)|★★★★★|★★★★★| Paul Irish|大神,Google Chrome团队,Yeoman|\n|[Krasimir Tsonev](http://krasimirtsonev.com/blog)|★★★★★|★★★★★| Krasimir Tsonev|html5,ccs3,javascript|\n|[HTML5 Rocks](http://www.html5rocks.com/en/)|★★★★★|★★★★★| # |html5权威网站|\n|[A List Apart](http://alistapart.com/)|★★★★★|★★★★★| # |可以改变世界的文章|\n\n##### 活跃微博\n|ID |公司 | 简介 |\n|-----|------|------|\n|[@w3c中国](http://weibo.com/w3cchina)|#|万维网联盟中国办事处官方微博|\n|[@TheFrontEnd](http://weibo.com/javascriptdev)|#|JavaScript技术资讯、新闻、教程、深度文章。|\n|[@前端快爆](http://weibo.com/fekb)|阿里巴巴|有HTML5、CSS3、JS |\n|[@HTML5中国](http://e.weibo.com/html5cn)|#|中国www.html5cn.org官方微博|\n|[@developerWorks](http://weibo.com/developerworks)|#|#|\n\n\n#### 开发者博客\n\n微博微信流行后，明显感觉到写博客的人还是越来越少了，下面推荐的这些开发者属于在网上比较活跃的，或者博客积累了大量优质资源的。\n\n###### 国内开发者\n\n国内开发者一块欢迎大家 `Fork`提交推荐，最好能推荐一些在前端界较活跃的的开发者。\n\n|ID |博客 |微博 |Github|Twitter| 公司 |关键字|\n|-----|-----|------|------|-----|-----|------|\n|阮一峰|[阮一峰博客](http://www.ruanyifeng.com/blog/)|[@ruanyf](http://weibo.com/ruanyf)|#|[@ruanyf](https://twitter.com/ruanyf)|上海金融学院国际金融学院| 教师，博客写作人，翻译人，《黑客与画家》的译者|\n|老赵| http://blog.zhaojie.me/|[@老赵](http://weibo.com/jeffz)|#|[#]()|摩根大通（香港）| 资深码农|\n|玉伯|[岁月如歌](http://lifesinger.wordpress.com/)|[@玉伯也叫射雕](http://weibo.com/lifesinger)|[@lifesinger](https://github.com/lifesinger)|[@lifesinger](https://twitter.com/lifesinger)| 支付宝|大牛|\n| kejun |http://hikejun.com/|[@kejunz](http://weibo.com/kejunz)|#|[@kejunz](https://github.com/kejun)| 豆瓣|前端大神|\n|寒冬winter|[winter-cn](http://winter-cn.cnblogs.com/)|[@寒冬winter](http://weibo.com/wintercn)|#|#|#|#|\n|左耳朵耗子|[酷壳](http://coolshell.cn/)|[@左耳朵耗子](http://weibo.com/haoel)|#|[@haoel](https://twitter.com/haoel)|淘宝|#|\n|fool2fish|#|[@fool2fish](http://weibo.com/fool2fish)|#|#|支付宝|#|\n|朴灵|[Html5fiy](http://html5ify.com/)|[@朴灵](http://weibo.com/shyvo)|[JacksonTian](https://github.com/JacksonTian)|#|阿里巴巴|《深入浅出Node.js》作者,大牛|\n|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 |大牛|\n|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 开发指南》作者,大牛|\n|郭宇|[Einmal ist keinmal](http://blog.guoyu.me/)|[@郭宇](http://weibo.com/137601206)|[@turingou](https://github.com/turingou)|[@turingou](https://twitter.com/turingou)|糗事百科,原支付宝|Node.js|\n|勾三股四|#|[@勾三股四](http://weibo.com/mx006)|#|#|淘宝|#|\n|cnberg|[冰山一角](http://cnberg.com)|[@berg](http://weibo.com/berg)|@cnberg|[@cnberg]()| 百度| 骑行|\n|大猫| [意淫笔记](http://bigc.at)|[@daemao](http://weibo.com/daemao)|[@Damao](https://github.com/Damao)|[@13igcat](https://twitter.com/13igcat)|腾讯 |[知乎](http://www.zhihu.com/people/13igcat)|\n| hzlzh |[自力博客](https://zlz.im)|[@hzlzh](http://weibo.com/hzlzh)|[@hzlzh](http://github.com/hzlzh)|[@hzlzh](http://twitter.com/hzlzh)| 腾讯|前端开发|\n| C7210 |beforweb.com/|[@C7210](http://weibo.com/c7210)|[@C7210](http://twittercom/hzlzh)|[@C7210](http://github.com/hzlzh)|#|UX、交互设计师、视觉与前端|\n| kejun |http://hikejun.com/|[#](http://weibo.com/kejun)|[#](http://twittercom/kejun)|[#](http://github.com/hzlzh)| 腾讯|前端开发|\n| 张鑫旭 |[张鑫旭博客](http://www.zhangxinxu.com/wordpress/)|[@张鑫旭](http://weibo.com/zhangxinxu)|[@zhangxinxu](https://github.com/zhangxinxu)|[@zhangxinxu](https://twitter.com/zhangxinxu)| 腾讯 上海 ISUX|前端开发|\n| lucifr |http://lucifr.com/|[@lucifr](http://weibo.com/lucifr)|[@lucifr](http://twittercom/lucifr)|[@lucifr](http://github.com/lucifr)| #|Mac,ios|\n| smallni |http://www.smallni.com/|[#](http://weibo.com/hzlzh)|[@Smallni](https://twitter.com/smallniding/)|[#](http://github.com/hzlzh)| 腾讯|前端开发|\n| TQ |http://targetkiller.net/|[@Piser-TQ](http://weibo.com/targetkiller)|[@tqtan](https://twitter.com/tqtan/)|[@targetkiller](https://github.com/targetkiller)| 腾讯 ISUX | 网页重构|\n|LOO2K|[LOO2K](http://loo2k.com/blog/)|[@LOO2K](http://weibo.com/loo2k)|[LOO2K](https://github.com/loo2k)|[LOO2K](https://twitter.com/loo2k/)|墨筹网|少年才俊|\n|qiqiboy|#|[@qiqiboy](http://weibo.com/qiqiboy)|#|#|金山网络 UX|吐槽清理大师开发者|\n|foru17|[罗磊的独立博客](http://luolei.org)|[@罗罗磊磊](http://weibo.com/foru17)|[@foru17](https://github.com/foru17)|[@foru17](https://twitter.com/foru17)|金山网络 UX|打酱油的|\n|周爱民|[aimingoo专栏](http://blog.csdn.net/aimingoo/)|#|#|#|支付宝|JavaScript语言精髓与编程实践作者|\n|hax|[hax的技术部落格](http://hax.iteye.com/)|#|#|#|#|前端大牛|\n|三生石上|[三生石上](http://www.cnblogs.com/sanshi)|#|#|#|#|js秘密花园译者|\n|司徒正美|[Ruby's Louvre](http://www.cnblogs.com/rubylouvre)|#|#|#|#|前端开发|\n|叶小钗|[叶小钗](http://www.cnblogs.com/yexiaochai)|#|#|#|#|前端开发|\n|聂微东|[Darren](http://www.cnblogs.com/Darren_code/)|#|#|#|百度移动云|前端开发|\n|当耐特|[iamzhanglei](http://www.cnblogs.com/iamzhanglei/)|#|#|#|#|HTML5实验室作者|\n|教主|[_frank](http://www.cnblogs.com/_franky)|#|#|#|#|又一牛|\n|typeof|[typeof](http://typeof.net/)|#|#|#|#|又一牛|\n|Gray Zhang|[Gray Zhang](http://www.cnblogs.com/GrayZhang)|#|#|#|#|百度一牛|\n|李松峰|[为之漫笔](http://www.cn-cuckoo.com)|#|#|#|#|高程2等书的译者|\n|小鱼|[sofish](http://sofish.de/)|[@sofish](http://weibo.com/sofish)|#|#|#|百姓网一牛|\n|vilic|[vilic](http://vilic.info/)|#|#|#|#|年轻一牛|\n|彬Go|[彬Go](http://blog.bingo929.com/)|#|#|#|#|人人网一牛|\n|PuterJam|[PuterJam's Blog](http://www.pjhome.net)|#|#|#|#|腾讯一牛|\n|css森林|[cssforest](http://www.cssforest.org)|#|#|#|#|前端博客|\n|99css|[99css](http://www.99css.com/)|[@ytzong](http://weibo.com/ytzong)|#|#|#|腾讯一牛|\n|秦歌|[Kaven](http://dancewithnet.com/)|#|[@kavenyan](http://twitter.com/kavenyan)|#|#|js语言精粹译者|\n|linxz|[linxz](http://www.linxz.de/)|#|#|#|#|css那些事儿的作者|\n|米随随|[米随随](http://s5s5.me/)|#|#|#|#|腾讯ISUX 一牛|\n|飘飘|[飘飘](http://pufen.net/)|#|#|#|#|腾讯一牛|\n|Along|[Along's Blog](http://jinlong.github.io/)|[@newwave](http://weibo.com/newwave)|#|#|#|Opera 欧朋一牛|\n|安记|[cssha](http://www.cssha.com/)|[@hanan321](http://weibo.com/hanan321)|[hanan198501](https://github.com/hanan198501)|#|#|腾讯一牛|\n\n\n#### 一些社区\n\n|名称 |地址 |介绍 |\n|-----|-----|------|\n|V2EX|http://v2ex.com/|小众活跃社区|\n|Ruby|http://ruby-china.org/|同 V2EX 氛围类似，不局限于Ruby|\n|Node.js 中文社区|http://cnodejs.org/|Node.js 国内最活跃的社区|\n|Code Wall|https://coderwall.com/|国外技术社区|\n\n\n##### 企业官方博客\n\n在开头我的 Feedly 订阅 opml 文件里比较全面。\n\n|名称 |公司 | 部门|活跃度 | 简介|微博|\n| ----- | ----- | ------ | ------ |-----|-----|\n| [ISUX 社交用户体验设计](http://isux.tencent.com/) | 腾讯 |  ISUX| ★★★★☆|负责腾讯的社交网络相关产品的用户体验设计与研究。|#|\n| [腾讯 CDC](http://cdc.tencent.com/) | 腾讯 |  CDC| ★★★★☆| 简介 |#|\n| [腾讯Web前端 Alloy 团队 Blog](http://www.alloyteam.com/) | 腾讯 | SNG| ★★★★☆|主要负责手机QQ、QQ互联、腾讯Q+、WebQQ项目的团队。 |[alloyteam](http://weibo.com/alloyteam)|\n| [TID-财付通设计中心](http://tid.tenpay.com/) | 腾讯 |  TID| ★★★★☆|简介 |#|\n| [腾讯MXD移动互联网设计中心](http://mxd.tencent.com/) | 腾讯 |  MXD| ★★★★☆|简介 |[@腾讯MXD](http://e.t.qq.com/tencent_mxd)|\n| [人人网FED Team](http://tid.tenpay.com/) | 人人网 |   FED| ★★★★☆|简介 |#|\n| [微博UDC](http://udc.weibo.com/) | 新浪 |   UDC| ★★★★☆|简介 |[@微博UDC设计中心](http://weibo.com/sudc)|\n| [新浪UED](http://ued.sina.com.cn/) | 新浪 |   UED| ★★★★☆|简介 |[#](http://weibo.com/sudc)|\n| [网易用户体验设计中心](http://uedc.163.com/) | 网易 |   UED| ★★★★☆|简介 |[#](http://weibo.com/sudc)|\n| [阿里巴巴（中国站）用户体验设计部博客](http://www.aliued.cn/) | 阿里巴巴 |   UED| ★★★★☆|简介 |[@Alibaba-UED](http://weibo.com/aliued)|\n| [携程UED-携程旅行前端开发团队](http://ued.ctrip.com/blog/) | 携程网 |   UED| ★★★☆☆|携程UED,携程前端开发团队,UED,Javascript,重构,ux|#|\n| [百度FEX](http://fex.baidu.com/) | 百度 |   FEX| ★★★★☆| 百度前端团队Blog,关注前端技术，还更重视全端及全栈的能力。|#|\n\n\n\n## 书籍\n\n|名称 | 作者 | 价格 | 出版社|简评 |\n| ----- | ----- | ------ |----- |------|\n| [Web标准设计](http://book.douban.com/subject/3327829/) | 刘杰（嗷嗷） | RMB 60.00  | 清华大学出版社 |基础入门|\n| [大巧不工 : Web前端设计修炼之道](http://book.douban.com/subject/4914146/) | 赖定清 / 林坚  | RMB 59.00  | 机械工业出版社|适合入门，了解前端全局|\n|[高性能网站建设指南:前端工程师技能精髓](http://book.douban.com/subject/3132277/)|Steve Souders |RMB 35.00|电子工业出版社|能从原理层理解各种方法|\n|[高性能网站建设指南:Web开发者性能优化最佳实践](http://book.douban.com/subject/4719162/)|Steve Souders |RMB 49.80|电子工业出版社|#|\n|[Web站点优化 : Web站点优化](http://book.douban.com/subject/4124141/)|金  |RMB 55.00|#|#|\n|[Node.js开发指南](http://book.douban.com/subject/10789820/)| 郭家寶  |RMB 45.00|#|作者很牛|\n|[JavaScript高级程序设计](http://book.douban.com/subject/10546125/)| Nicholas C. Zakas   |RMB 99.00|人民邮电出版社|适合没事就翻翻|\n|[JavaScript权威指南](http://book.douban.com/subject/2228378/)| 弗拉纳根    |RMB 109.00|机械工业出版社|犀牛书|\n|[JavaScript语言精髓](http://book.douban.com/subject/3590768/)| Douglas Crockford    |RMB 35.00| 电子工业出版社|绝对经典，相信看完后，对Javascript这门语言有了重新认识，原来这个语言是这么的美丽！|\n\n## QQ交流群\n1. JS-前端开发 159758989\n\n禁止闲聊，鼓励提问与资源分享。着重于话题质量以问题驱动，有问题有话题，无问题可以适当交流职业困惑或技术相关行业趣闻方面。\n\n\n## 关于\n\n本 repo 会 不断更新，感谢推荐和分享新资源的朋友。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fckjbug%2Ffront-end-collection","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fckjbug%2Ffront-end-collection","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fckjbug%2Ffront-end-collection/lists"}