一、SASS
官方文档(函数): http://sass-lang.com/documentation/Sass/Script/Functions.html
sass语法: http://www.w3cplus.com/sassguide/syntax.html
sass函数: http://www.w3cplus.com/preprocessor/sass-other-function.html
颜色函数: http://www.w3cplus.com/preprocessor/sass-color-function.html
buttons: https://github.com/alexwolfe/Buttons/
BEM在Sass3.4中的提升: http://www.w3cplus.com/preprocessor/pushing-bem-to-the-next-level-with-sass-3-4.html
十个有用的Sass Mixins: http://www.w3cplus.com/preprocessor/css-shapes-reference-boxes.html
编写Sass的八个技巧: http://www.w3cplus.com/preprocessor/8-tips-help-get-best-sass.html
大漠的Sass_mixins_function: https://github.com/airen/Sass_mixins_function
sass学习笔记1: http://www.cnblogs.com/rubylouvre/p/3794292.html
二、CSS3
animation: http://www.w3cplus.com/content/css3-animation
一个标签做出的图标: http://css-tricks.com/examples/ShapesOfCSS/
CSS-TRICKS: http://css-tricks.com/downloads/
仿苹果滑动解锁: http://css-tricks.com/examples/SlideToUnlock/
改变webkit浏览器的滚动条样式: http://www.jb51.net/css/155135.html
css斜线: http://www.cnblogs.com/rubylouvre/p/3394042.html
三、CSS2
inline-block: http://www.w3cplus.com/blog/tags/43.html
CSS架构: http://aibusy.com/blog/?p=80
网易NEC: http://nec.netease.com/library/category/#grid
quickLayout.css-快速构建结构兼容的web页面: http://www.zhangxinxu.com/wordpress/2014/03/quicklayout-css-%E5%BF%AB%E9%80%9F%E6%9E%84%E5%BB%BA%E7%BB%93%E6%9E%84%E5%85%BC%E5%AE%B9%E7%9A%84web%E9%A1%B5%E9%9D%A2/
png图片压缩: https://tinypng.com/
四、JAVASCRIPT
判断原生函数: http://blog.csdn.net/renfufei/article/details/38702827
mass-framework语言模块: https://github.com/RubyLouvre/mass-Framework/blob/master/lang.js
页面编辑工具: http://jsfiddle.net/
JavaScript标准参考教程: http://javascript.ruanyifeng.com/
JavaScript隐性类型转换步骤: http://www.cnblogs.com/rubylouvre/p/3990290.html
使用ajax和history.pushState无刷新改变页面URL: http://www.welefen.com/use-ajax-and-pushstate.html
理解MVVM - JavaScript开发者指南: http://blog.qivhou.com/translation/2014/04/03/Understanding-MVVM-A-Guide-For-JavaScript-Developers/
浅谈 js 对象 toJSON 方法: http://www.cnblogs.com/52cik/p/js-json-tojson.html
for in 循环的输出顺序问题: http://www.cnblogs.com/rubylouvre/p/3396042.html
jquery.hash解析url hash，监听hashchange: http://www.douban.com/note/325487110/
jQuery.ajax的一些使用方法: https://github.com/huanhuan1989/ajax/blob/master/load%20getJSON%E3%80%81getScript%E3%80%81get%E3%80%81The%20use%20of%20the%20method
javascript1.6数组新特性和jquery的几个工具方法: http://www.phpweblog.net/fuyongjie/archive/2008/12/23/6238.html
javascript模块规范、AMD、CMD: http://www.makumo.com/js-modules-amd-cmd.cat
javascript实现数据结构与算法系列: http://www.cnblogs.com/webFrontDev/p/3657771.html
domReady: http://www.cnblogs.com/rubylouvre/archive/2010/04/15/1712780.html
impress.js代码详解: http://www.html-js.com/article/Eat-a-code-stomach-appetizer--impressjs-code
javascript设计模式---解释器模式: http://www.html-js.com/article/JavaScript-Design-pattern-JavaScript-Design-pattern-the-Interpreter-pattern
setTimeout(0)的作用: http://pandacafe.net/blog/337
五、前端性能
前端性能优化(CSS动画篇): http://segmentfault.com/blog/skyinlayer/1190000000490328
页面重绘和回流以及优化: http://www.html5dw.com/redraw-and-reflow-the-page-and-optimize/
六、SVG
走进SVG: http://www.imooc.com/view/143
七、AVALON
入门教程: http://www.cnblogs.com/rubylouvre/p/3181291.html
绑定属性图: http://naotu.baidu.com/?shareId=3umckk8o3bu
沉思录 第2节 DOM操作的三大问题: http://www.html-js.com/article/The-three-issue-Mini-MVVM-framework-Avalon-meditation-second-DOM-operation
沉思录 第3节 动态模版: http://www.cnblogs.com/rubylouvre/p/3772432.html
八、移动开发
maxzhang的github: https://github.com/maxzhang/maxzhang.github.com/issues?q=is%3Aopen
移动设备上点击按钮有灰色阴影: http://www.w3cfuns.com/forum.php?mod=viewthread&tid=5596484&from=portal
九、GitHub
GitHub秘籍: https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md
十、前端面试
2014年爱奇艺相关面试题: http://www.w3cfuns.com/article-5600182-1-1.html
十一、牛人博客
https://github.com/diditaxi/didi-fe/tree/master/notes
十二、特色框架
aozora: http://aozora.github.io/bootmetro/demo/hub.html
amazeUI: http://amazeui.org/
十三、jQuery
不定义JQuery插件，不要说会JQuery: http://www.cnblogs.com/xcj26/p/3345556.html
十四、社区论坛
前端乱炖: http://www.html-js.com/
十五、其他
免费的编程中文书籍索引: https://github.com/justjavac/free-programming-books-zh_CN