前端学习与工作中常用网站推荐

一.视频学习网站

1.慕课网

2.腾讯课堂 

二.前端免费模板下载

1.html5tricks

有很多有趣的小程序

2.源码之家 

各类模板灰常之多，不过也有很多广告

3.代码家园

整个网站看起来舒服，广告很少

4.模板之家

广告较多

5.魔客吧

有些要money

6.站长之家

三.图片图标logo素材

1.标志在线

免费设计logo

2.阿里巴巴矢量图标

图标特别多，而且基本上都是免费的

3.iconmonstr

免费图标下载

4.懒人图库

素材很多，不知道要不要钱

5.loading.io

看名字就知道是下什么的了吧

6.preloaders

进度条下载，有些要钱还是dollar，不过也有很多免费的

四.其他

1.JS格式化

如果你的编辑器不支持格式化js代码的话可以试试

2.css代码兼容

css代码复制上去，自动会帮你生成兼容的css代码，是不是很厉害！不过兼容IE几我也不太清楚，你们自己去看看吧

3.配色

这是给你网站配色的，有兴趣的可以了解下

4.html、css、js压缩，js多文件合并

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;

8.html在线编辑工具

可以在线运行html代码

9.rgb,rgba,十六进制等颜色相互转换

10.HTML特殊字符编码对照表

11.改图宝

修改图片尺寸，生成二维码，生成印章，图片加水印...

 

最后，再推荐一些比较好的书

《css世界》、《ES6标准入门》阮一峰、《JavaScript权威指南》、《JavaScript高级程序设计》（红皮书）、《你不知道的JavaScript 上中下册》