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