2019-8-30 seo達人
一.視頻學習網站
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 上中下冊》
————————————————