2019-8-30 seo達(dá)人
一.視頻學(xué)習(xí)網(wǎng)站
1.慕課網(wǎng)（我的最愛(ài)，里面有很多免費(fèi)的視頻）
2.騰訊課堂
。。。
當(dāng)然還有很多其他的視頻學(xué)習(xí)網(wǎng)站，但我覺(jué)得就這兩個(gè)就夠質(zhì)夠量了。
二.前端免費(fèi)模板下載
1.html5tricks
有很多有趣的小程序
2.源碼之家
各類模板灰常之多，不過(guò)也有很多廣告
3.代碼家園
整個(gè)網(wǎng)站看起來(lái)舒服，廣告很少
4.模板之家
廣告較多
5.魔客吧
有些要money
6.站長(zhǎng)之家
。。。
模板網(wǎng)站就推薦這些吧，差不多夠用了。當(dāng)然，我們下載這些模板的目的不是為了抄襲，而是為了參考學(xué)習(xí)。（手動(dòng)滑稽：) ）
三.圖片圖標(biāo)logo素材
1.標(biāo)志在線
免費(fèi)設(shè)計(jì)logo
2.阿里巴巴矢量圖標(biāo)
圖標(biāo)特別多，而且基本上都是免費(fèi)的
3.iconmonstr
免費(fèi)圖標(biāo)下載
4.懶人圖庫(kù)
素材很多，不知道要不要錢
5.loading.io
看名字就知道是下什么的了吧
6.preloaders
進(jìn)度條下載，有些要錢還是dollar，不過(guò)也有很多免費(fèi)的
。。。
好吧，就這些。
四.其他
1.JS格式化
如果你的編輯器不支持格式化js代碼的話可以試試
2.css代碼兼容
css代碼復(fù)制上去，自動(dòng)會(huì)幫你生成兼容的css代碼，是不是很厲害！不過(guò)兼容IE幾我也不太清楚，你們自己去看看吧
3.配色
這是給你網(wǎng)站配色的，有興趣的可以了解下
4.html、css、js壓縮，js多文件合并
es6代碼需先轉(zhuǎn)es5再壓縮，當(dāng)然，也可以使用fis3構(gòu)建壓縮html，css，js；fis3還可以將圖片轉(zhuǎn)成webp格式（ios有兼容問(wèn)題）
5.圖片壓縮
基本上是無(wú)損壓縮，效果很不錯(cuò)
6.圖片轉(zhuǎn)換
轉(zhuǎn)webp格式圖片
7.雪碧圖 （似乎訪問(wèn)不了了）
選中雪碧圖中的圖片，自動(dòng)生成css代碼。如：background: url('imgs/example.png') no-repeat -433px -51px;width: 33px;height: 33px;
8.html在線編輯工具
可以在線運(yùn)行html代碼
9.rgb,rgba,十六進(jìn)制等顏色相互轉(zhuǎn)換
10.HTML特殊字符編碼對(duì)照表
11.改圖寶
修改圖片尺寸，生成二維碼，生成印章，圖片加水印...
。。。
最后，再推薦一些比較好的書(shū)
《css世界》、《ES6標(biāo)準(zhǔn)入門》阮一峰、《JavaScript權(quán)威指南》、《JavaScript高級(jí)程序設(shè)計(jì)》（紅皮書(shū)）、《你不知道的JavaScript 上中下冊(cè)》
————————————————
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com