接触前端时间越长，收集的前端工具和学习的资料就越多。所以今天就好好地整理出来，便于日后的使用，也会随着时间的推移和经验的积累不断更新这些资料。
博客篇
前端的博客实在是不胜枚举，像我这种小白菜鸟都有博客哈哈哈。当然出众的也有很多，这里介绍几个我常常关注的几位大神的博客。（排序不分先后）
css方面有不懂得可以去他那里搜一下或许会有惊喜，文笔幽默讲解的也很细致。我之前想把他所有的博客看完，花了几天时间看的头晕晕的反而效果不好。所以最好是有针对性的看，这样就事半功倍了。
javascript方面的专家，额，这么说感觉怪怪的，不过确实这位大神出版过很多本js方面的畅销书了。对js的原型，继承，闭包等都有博客进行解释。只是这些理论知识我是看一遍几天就忘记了，忧桑。
知道豪情的博客是从喜欢他的豪情作品集开始的。他的博客内容有关于生活的，有关于职场的，当然主要还是关于前端的多。看得出是一位常常思考人生的，内心细腻的coder。只是16年几乎不怎么更博了。
我看完过他的ES6入门教程，简洁不拖沓。
前端的优秀博客确实很多，在我看来，写博客一方面是加深对知识的理解，另一方面是和其他人进行分享和交流。所以一定要去尝试。
教程篇
他的git教程,javascript教程我都学过且收获颇丰。javascript适合有一点基础的因为讲解内容偏少，实战偏多。在学git教程时我是以新手身份一步一步跟下来的，个别地方会Google一下加深理解。总之对新手来说是不错的选择。
我在FCC上面完成了初级算法和中计算法的课程和两项中级项目。算法课程非常好，之前我对js的字符串和数组的API经常混淆，这个课程难度中上，所以你必须非常熟悉他们才会完成任务。不过好在github上也能找到解决方案。而且FCC社区非常活跃，有问题一定会有人帮助你的。
最近谷歌中国很火，知乎，简书，掘金等都能看见人们在讨论它。我也每天都在Udacity学习一些感兴趣课程。Udacity里面也有很多前端的课程，教学新颖，内容丰富，很多都是谷歌的大神coder。虽然是英语教学，个别的课程有中文翻译，不过我认为对于英语四级及以上的没有问题。
同Udacity差不多，英语教程，免费的也很多，推荐JavaScript: Understanding the Weird Parts。知乎小伙伴极力推荐的一门课，评分也很高，可以试看一部分。
暂时想起来的就这些，对于小白来说选择其中一门完全跟下来就收获很大了，所以技贵于精，持之以恒才是王道。
工具篇
这个大家应该知道，由于浏览器的历史遗留问题我们不得不考虑兼容性。这个网站就是查询各个元素等浏览器支持情况滴。
一个图片分享网站，图片精美而且是免费的，个人非常喜欢。里面的图片你可以下载下来也可以在线引用。
这个有很多种选择，有GoogleFonts,阿里巴巴的IconFont,还有精美的Font Awesome Icons等大部分都可以免费使用。
有关于配色的Color Hunt,有进行icon转换为png，jpg等格式的easyicon,关于设计的更多内容推荐黄蜂网
codepen,在线编辑实时显示和引用各类库，这是我的codefen主页。JSFIFFLE也是同类的一种在线编辑器。StackEdit则是一款在线makedown编辑器，我的所有博客都是在这里完成的，实时预览还能自动保存，功能很实用很强大。asciiflow是在线作图的一种在线编辑器，免费且实用。
问答篇
Google，StackOverflow，segmentfault，github，知乎，掘金等都是可以向他人请教的地方，coder们都很乐于分享和帮助他人解决问题。我在StackOverflow上问的问题几分钟就会有人回答，所以放心大胆的问吧，只要你把问题描述的清楚，没有人会嘲笑你的问题是否低级。当然FQ也是必不可少的姿势，墙外的世界很精彩，FQ姿势有蓝灯，ishadowsocks等，我都有用过。这类教程简书和知乎有很多就不介绍了。