-前端资源分享-只为更好前端
约 3855 字
预计阅读 8 分钟
前端资源分享-只为更好前端
一、团队组织
| 网站 | 说明 |
|---|
| 腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 |
| 腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站 |
| 腾讯用户研究与体验设计部 |
| 百度Web前端研发部出品 |
| 用技术为体验提供无限可能 |
| 京东用户体验设计部出品 |
| 奇虎360旗下前端开发团队出品 |
| 在更新的屏幕里创造出更好的产品和更优的体验 |
| 由百度多个遵循统一技术体系的前端团队所组成 |
| 覆盖了百度85%以上的产品体验设计 |
二、开发社区
| 网站 | 说明 |
|---|
| 加入世界上最大的开发者社区 |
| 中文领域最大的技术问答交流社区平台 |
| 中文互联网最大的知识分享和社交平台 |
| 目前国内最大的开源技术社区 |
| 中国最大的前端技术社区 |
| 一个帮助开发者成长的社区 |
| 创意工作者们的社区 |
| 一个面向开发者的知识分享社区 |
| 国内最大最具影响力的 Node.js 开源技术社区 |
| 由众多爱好者共同维护的 Ruby 中文社区 |
三、前端门户
| 网站 | 说明 |
|---|
| 一个专注于Web前端开发行业的综合性门户网站 |
| 一个集前端开发和Wordpress内容为一体的双轨独立网站 |
四、前端大牛
| 网站 | 说明 |
|---|
| 腾讯Web前端团队 |
| 淘宝前端团队（FED） |
| 基于 Node 运行时的应用性能管理解决方案 |
| 张鑫旭 ,上海阅文信息技术有限公司用户体验设计师 |
| 廖雪峰 ，著有《Spring 2.0核心技术与最佳实践》一书。 |
| 阮一峰 ,2014年出版《ECMAScript 6入门》 |
| 三生石上 |
| 勾三股四 |
| 大漠 ，就职淘宝，CSS3、CSS处理器和Drupal中国布道者。2014年出版《图解CSS3：核心技术与案例实战》。 |
| 陈皓 ，就职经历Amazon中国任研发经理；阿里北京研发中心、商家业务部资深专家；阿里核心系统和阿里云ECS相关的虚拟化平台的开发工作。 |
| 朴灵 ，阿里数据产品部资深工程师。致力前端、数据可视化、Node等领域 |
| 钟钦成 ,网名 司徒正美 ,著名的JavaScript专家,去哪儿网前端架构师 |
| GhostZhang ,微信支付设计中心，负责重构前端团队的管理工作。 |
| ytzong ,就职经历139 邮箱前端工程师；腾讯 ISUX 前端工程师； iOS 独立开发者 |
| 刘小超 ，现在就职于 Tencent ISUX ，岗位 UI Engineer，主要从事UI开发方面工作。 |
| Barret李靖 ，阿里巴巴职员 |
| 屈光宇 ，奇虎 360，前端开发 |
| 余弦 ，知道创宇 |
| 愚人码头 ，内容涵盖Web前端开发原创教程、技术中文文档、前端工具、资源分享、疑难解答、最新技术、招聘信息等 |
| 黄余粮 ， 黄利民 |
| 周爱民 ，一名程序员、架构师，就职物联网公司（ruff.io） |
| justjavac，天津维基科技有限公司研发工程师 |
| C7210，交互设计师、UX热爱者、译者 |
| Alon Zhang，互联网资讯博主 |
| qiqiboy，wordpress开发、web前端 |
五、活跃微博
| 网站 | 说明 |
|---|
| 挖掘最优质的互联网技术 |
| 万维网联盟中国办事处官方微博 |
六、书籍推荐
| 书籍 | 作者 | 译者 |
|---|
| 《Web标准设计》 | 刘杰（嗷嗷） | |
| 《大巧不工 Web前端设计修炼之道》 | 赖定清 / 林坚 | |
| 《高性能网站建设指南 前端工程师技能精髓》 | Steve Souders | 刘彦博 |
| 《高性能网站建设进阶指南 Web开发者性能优化最佳实践》 | Steve Souders | 口碑网前端团队 |
| 《Web站点优化》 | 金 | |
| 《Node.js开发指南》 | 郭家寶（BYVoid） | |
| 《JavaScript高级程序设计（第3版）》 | [美] 尼古拉斯·泽卡斯 | 李松峰 / 曹力 |
| 《JavaScript权威指南》 | 弗拉纳根 | 李强 |
| 《JavaScript语言精粹》 | Douglas Crockford | 赵泽欣/ 鄢学鹍 |
| 《深入浅出Node.js》 | 朴灵 | |
| 《CSS开发王》 | 张亚飞 | |
| 《JavaScript DOM编程艺术 （第2版）》 | [英] Jeremy Keith / [加] Jeffrey Sambells | 杨涛 / 王建桥 / 杨晓云 等 |
七、前端教程
| 网站 | 说明 |
|---|
| Web技术领域最具权威和影响力的国际中立性技术标准机构 |
| 学习 Web 开发的最佳实践 |
| 学编程，从w3cschool开始 |
| Developer Network |
八、HTML(5)
| 网站 | 说明 |
|---|
| MDN Web 文档 |
| TGideas 万技师 |
| TGideas 鬼爪手 |
| 爱前端 林鑫 |
| 翟灿东，网名路易斯，平安健康前端工程师。 |
| 知乎 关注者 8K |
| 每周一点canvas动画 |
九、CSS(3)
| 网站 | 说明 |
|---|
| 从基础知识中学习CSS的所有重要属性 |
| 杨健 |
| Wayne Zhu |
| 周 翔 |
| 阮一峰 |
| 阮一峰 |
| 叙帝利 |
| 一个帮你提升 CSS 技巧的收藏集 |
| 慕课网 艾伦 Aaron |
| IMWeb 结一 |
| 会编程的银猪 |
| IMWeb coverguo |
| 掘金 sunshine小小倩 |
| 博客园 楼兰小骑士 |
| 思否 微醺岁月 |
| The Shapes of CSS |
十、ECMAScript
| 网站 | 说明 |
|---|
| Nicholas C. Zakas |
| 翻译自《 Exploring ES6 》 |
| 阮一峰 |
| 颜海镜 |
| 化辰，淘宝前端团队（FED） |
| 化辰，淘宝前端团队（FED） |
十一、JavaScript
| 网站 | 说明 |
|---|
| 阮一峰 |
| 三生石上 中文翻译 |
| 原著：azu / 翻译：liubin、kaku、honnkyou |
| Linghao Li |
| stone0090 |
十二、jQuery
| 网站 | 说明 |
|---|
| Learning Center |
| 官方 |
| 愚人码头 |
| 愚人码头 |
| hemin |
| 你可能不需要JQUERY |
十三、Vue.js
| 网站 | 说明 |
|---|
| 官方网站 |
| 官方仓库 |
| 全球最大的 Vueframework 中文开源技术社区 |
| Vue.js 中文文档 |
| Vue 论坛 |
| Vue 聊天室 |
| 用于调试Vue.js应用程序的浏览器devtools扩展 |
| 一个 webpack 的 loader |
| 官方路由 |
| 状态管理模式 |
| Vue.js 服务器端渲染指南 |
| Find the best packages for your Vue app! |
| Awesome Vue.js |
| 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 |
| 一套基于 Vue.js 的高质量 UI 组件库 |
| 勾三股四 |
| 岛书,Coffcer |
十四、AngularJS
| 网站 | 说明 |
|---|
| 官方网站 |
| 严清 , 李诗剑 (译者) |
| 乔乐共享 |
| 邹业盛 |
| Angular.js 的一些学习资源 |
| Bootstrap components written in pureAngularJSby theAngularUI Team |
| AngularJS 1.2+ native directives for Bootstrap 3 |
| dolymood |
十五、React
| 网站 | 说明 |
|---|
| 官方网站 |
| Made by 题叶 & Feifei Hang |
| React 中文的论坛 |
| 阮一峰 |
| 阮一峰 |
| 极客学院 |
| PHPERZ |
| 腾讯全端 AlloyTeam 团队 Blog |
| 小撸,国双科技 |
| 收到 Redux 作者 Dan 的多次点赞 |
| 官方文档中文翻译 |
| 董越 和 徐新茹 |
| React 核心开发者、有 React API 终结者之称的 Sebastian Markbåge 撰写 |
| 作者 Christian Alfoni and Juho Vepsäläinen 中文译者 Fakefish |
| React 前端 UI 库 |
| 基于 React.js 开发的 Web 组件库 |
| 基于 redux、redux-saga 和 react-router 的轻量级前端框架 |
| 能够快速在 React 框架中使用动画 |
十六、Node.js
| 网站 | 说明 |
|---|
| 教你 Web 开发技能的开源课程，自学或者参加一个附近的教学活动 |
| 作者： Manuel Kiessling 翻译： goddyzhao & GrayZhang & MondayChen |
| Alibaba.com |
| alsotang |
| 粉丝日志 |
| 小胡子哥 |
| 基于 Node.js 平台，快速、开放、极简的 web 开发框架 |
| 阮一峰 |
| 阮一峰 |
| Koajs 中文文档 |
十七、RequireJS
| 网站 | 说明 |
|---|
| 阮一峰 |
| 叶小钗 |
| Snandy |
| 参与翻译 NCThinker, 姜鹏飞, super0555 |
十八、Sass和Less
| 网站 | 说明 |
|---|
| 世界上最成熟、最稳定、最强大的专业级CSS扩展语言 |
| Sass 是成熟、稳定、强大的 CSS 扩展语言 |
| 阮一峰 |
| 大漠 |
| 给 CSS 加点料 |
十九、Webpack
二十、Markdown
| 网站 | 说明 |
|---|
| riku |
| LearnShare |
| 帮助团队在线撰写，协作和发布内容 |
| Cmd Markdown 编辑阅读器 |
| 浏览器中的Markdown编辑器 |
| 一款轻量级的markdown编辑器 |
二十一、Git和GitHub
| 网站 | 说明 |
|---|
| 官方文档 |
| 罗杰·杜德勒 |
| backlog |
| 廖雪峰 |
| 通过一系列刺激的关卡挑战，逐步深入的学习 Git 的强大功能 |
| 李鼎(哲良),taobao |
| xirong,alibaba |
| Phodal Huang,黄峰达,ThoughtWorks 高级咨询师 |
| Star 24.8k Fork 3.8k |
二十二、Github大牛
| 网站 | 说明 |
|---|
| 腾讯 AlloyTeam |
| Baidu FEX team |
| 天猫前端团队 |
| 尼古拉斯·泽卡斯 Nicholas C. Zakas，雅虎首页的前端技术主管， YUI 库的贡献者，目前在 Box 公司任职 |
| TJ Holowaychuk ，Koa、Co、Express、jade、mocha、node-canvas、commander.js等知名开源项目的创建和贡献者 |
| 朴灵(田永强) ，就职阿里巴巴数据平台，Node.js布道者 |
| 玉伯 ，支付宝前端，seajs作者 |
| 伯乐在线 |
| Google Chrome |
| Douban Inc |
| fengmk2，Alipay |
| Zhouxuan Yang，Alipay |
| Taobao |
二十三、框架类库
| 网站 | 说明 |
|---|
| 微信官方设计团队为微信 Web 开发量身设计 |
| 一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。 |
| 为移动端设计，基于 Flex 的 UI 框架 |
| 阿里他她，一套基于 Framework7 开发的UI库 |
| 一款跨终端、模块化、高性能、使用简单的 JavaScript 框架 |
| 领先的表单验证解决方案 |
| 一整套函数式编程的实用功能 |
| 通过解决数组，数字，对象，字符串等问题，让JavaScript变得更轻松。 |
| 一个 BizSpark Startup |
| 一个灵活的布局助手 |
| 创意链接或菜单项效果 |
| 最优的javascript库、框架和插件。 |
| 神奇的微型框架 |
二十四、动画
| 网站 | 说明 |
|---|
| 一个跨浏览器的CSS动画库 |
| 触摸库 CSS3关键帧动画 |
| 点击按钮或背景动画 |
| 指定动画效果在执行时的速度，使其看起来更加真实 |
二十五、移动端
| 网站 | 说明 |
|---|
| Mars - mobile needs a hero |
| TGideas |
| jtyjty99999-Alibaba，收集移动端开发所需要的一些资源与小技巧 |
| 支付宝 |
| hoosin |
| 白树，就职微信支付，负责移动端产品，擅长小程序、H5前端开发 |
| 愚人码头,一些可选功能是专门针对移动端浏览器的 |
| 阿里他她，特色的HTML框架 可以创建精美的iOS应用 |
| 阿里他她，一套基于 Framework7 开发的UI库 |
| 开源、免费、强大的移动端触摸滑动插件 |
二十六、开发平台
| 网站 | 简介 |
|---|
| 一款在线的代码编辑器,通过流行的JS框架创建自定义的环境,以简化JS代码 |
| Collaborative JavaScript Debugging |
| 一个 JavaScript 编译器 |
| 在线编辑、展示、分享、交流你的 JavaScript 代码 |
| 一个WEB前端在线编辑器，可同时编辑HTML、CSS、JAVASCRIPT代码，并即时预览！ |
| 面向前端设计人员和开发人员的社交开发环境 |
| 一个在线编译器和调试工具，它允许您编译源代码并在线执行超过60种编程语言 |
| 一个在线代码测试、托管、分享的工具，方便与别人一起调试、分享代码，具有代码高亮、一键代码格式化、贴心的快捷键等功能。 |
| 一个在线代码编辑器，用它可以很轻松地创建和发布一个您自己的网页，一切伴随着 HTML、CSS 和 JavaScript。 |
二十七、在线工具
| 网站 | 简介 |
|---|
| 查看浏览器版本对HTML5和CSS3的支持情况 |
| ECMAScript 6兼容性表 |
| W3C CSS 验证服务 |
| browser specific CSS and JavaScript hacks |
二十八、正则表达式
| 网站 | 简介 |
|---|
| MDN Web 文档 |
| 阮一峰 |
| 阮一峰 |
| 小胡子哥 ( Barret Lee ) |
| deerchao |
| 路易斯 |
| 思否 小弟调调 |
二十九、CDN
| 网站 | 简介 |
|---|
| 稳定，快速，全面，开源的国内CDN加速服务。 |
| 常用前端公共库以及和谐使用Google公共库&字体库的调用方法 |
| 微信，主要包括一些常用的 JS 库，CSS库，甚至是SWF文件。 |
| Bootstrap 中文网支持并维护的前端开源项目免费 CDN 服务 |
| 淘宝 NPM 镜像,可以用此代替官方版本(只读) |
| 免费、快速、开放的 CDN 服务 |
| 最新的稳定版本 |
三十、API
| 网站 | 简介 |
|---|
| Collecting All Cheat Sheets |
| 开源中国社区 在线API文档 |
本文在GitHub的地址
