精华
工具
-
生成 box-shadow 的工具。
-
渐变生成器。
-
Ultimate CSS Gradient Generator
也是渐变生成器
-
CSS3 生成器
-
有 API 可用。
编程语言
JavaScript
-
前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 替代的方法,暂时只支持 IE10+ 以上浏览器。
ES2015(ES6)
TypeScript
前端博文
NodeJS
框架&脚手架&部署工具
Babel
Bower
Yeoman
Gulp
Grunt
webpack
-
Webpack傻瓜指南(三)和React配合开发 -前端外刊评论 知乎专栏
上述傻瓜指南的原始出处 https://github.com/vikingmute/webpack-for-fools Webpack傻瓜式指南
Vue
- awesome-vue
- Vue.js 和 Webpack(一) -Randy Lu
- Vue.js 和 Webpack(二) -Randy Lu
- Vue.js 和 Webpack(三) -Randy Lu
- Vuejs 1.0 中文系列视频教程 -Laravist
- Vuejs-QQ群 相关资料 来自豪情
React
AngularJS
-
类似 w3school 的入门 AngularJS 教程。
React-Native
WEEX
测试
类库与插件
-
瀑布流布局库。
-
图片轮播图其 GitHub 地址 jssor/slider
-
纯 CSS 的图片轮播图。
模块化
- 后端程序员的 JavaScript 之旅 - 模块化(一)
- 后端程序员的 JavaScript 之旅 - 模块化(二)
- CommonJS 规范 -来自 阮一峰 JavaScript 标准参考教程(alpha)
技巧
编辑器
Atom 中常用插件
- auto-beautify
- autoprefixer
- block-comment
- color-picker
- docblockr
- emmet
- jquery-snippets
- jshint
- linter
- linter-csslint
- linter-htmlhint
- minimap
- minimap-git-diff
- minimap-codeglance 滑过 minimap 显示代码
- minimap-find-and-replace 在 minimap 中显示
ctrl+D
选中的内容 - open-in-browser
- uglify
- active-power-mode
- atom-terminal-panel
- linter-scss-linter
- atom-ternjs
- file-icons 将图标变成彩色
- autocomplete-paths 自动补充路径
- symbols-tree-view A symbol treeview like taglist
常用的主题:
UI Theme: One Dark
Syntax Theme: Atom Dark or One Dark
GitBook 及其插件
Chrome 插件
- 有哪些鲜为人知却非常有意思、好用的 Chrome 扩展? -知乎
-
新建 tab 时,显示 dribbble 上的精选作品。
Other blogs
-
马斯特,87年生人,爱溜冰的码农。技术: Javascript、Python、Mac、iOS
-
JerryQu,奇虎 360,前端开发,前百度前端。
-
我是马壮,码而生,码而立。就职sogou。
-
小胡子哥 http://www.barretlee.com/
李靖,阿里巴巴。
-
Xcat Liu http://blog.xcatliu.com/
Microsoft Software Engineer II, Meituan Senior Front-End Engineer
-
Ouvenzhang, 前端工程师,对前端领域的技术知识具有较高的职业能力和探究精神。对响应式页面设计、工程构建组件化、mv*设计实现、前端优化、ES6开发体系等有深入的研究与项目实践。来自腾讯科技。
-
95年出生的全栈。卢涛南,英文名 Randy,用 djyde 这个ID混迹于网络。
如果你在学习前端的过程中遇到什么问题或者想获取学习资源的话,欢迎加入前端学习交流QQ群:328058344 我们一起学前端!