一.视频学习网站
1.慕课网（我的最爱，里面有很多免费的视频）
2.腾讯课堂
。。。
当然还有很多其他的视频学习网站，但我觉得就这两个就够质够量了。
二.前端免费模板下载
有很多有趣的小程序
2.源码之家
各类模板灰常之多，不过也有很多广告
3.代码家园
整个网站看起来舒服，广告很少
4.模板之家
广告较多
5.魔客吧
有些要money
6.站长之家
。。。
模板网站就推荐这些吧，差不多够用了。当然，我们下载这些模板的目的不是为了抄袭，而是为了参考学习。（手动滑稽：) ）
三.图片图标logo素材
1.标志在线
免费设计logo
2.阿里巴巴矢量图标
图标特别多，而且基本上都是免费的
免费图标下载
4.懒人图库
素材很多，不知道要不要钱
看名字就知道是下什么的了吧
进度条下载，有些要钱还是dollar，不过也有很多免费的
。。。
好吧，就这些。
四.其他
1.JS格式化
如果你的编辑器不支持格式化js代码的话可以试试
2.css代码兼容
css代码复制上去，自动会帮你生成兼容的css代码，是不是很厉害！不过兼容IE几我也不太清楚，你们自己去看看吧
3.配色
这是给你网站配色的，有兴趣的可以了解下
es6代码需先转es5再压缩，当然，也可以使用fis3构建压缩html，css，js；fis3还可以将图片转成webp格式（ios有兼容问题）
5.图片压缩
基本上是无损压缩，效果很不错
6.图片转换
转webp格式图片
7.雪碧图 （似乎访问不了了）
选中雪碧图中的图片，自动生成css代码。如：background: url('imgs/example.png') no-repeat -433px -51px;width: 33px;height: 33px;
可以在线运行html代码
11.改图宝
修改图片尺寸，生成二维码，生成印章，图片加水印...
。。。
最后，再推荐一些比较好的书
《css世界》、《ES6标准入门》阮一峰、《JavaScript权威指南》、《JavaScript高级程序设计》（红皮书）、《你不知道的JavaScript 上中下册》
好吧，就先给大家推荐这些网站吧，以后有还有好玩的网站还会继续推荐的，，，
喜欢的话就点个赞吧！