1. Undraw
如果你的網(wǎng)站需要免費(fèi)的 SVG 插圖，一定不要錯(cuò)過 Undraw 這個(gè)網(wǎng)站！
SVG 插圖資源是海量的，本瓜下拉了十幾、二十次都拉不完（當(dāng)然，搜索功能也是有的）；并且，你還可以自定義插圖的配色，簡(jiǎn)直不要太 NICE~
海量資源，支持搜索
隨意更改配色
2. Error 404
不知道你一般會(huì)去哪找 404 頁(yè)面素材~
現(xiàn)在你又多了一個(gè)選項(xiàng)：Error 404
酷酷酷~
把本瓜一個(gè)切圖仔的審美都拉上來了
3. Squoosh
壓縮圖片！!
對(duì)比 tinypng 有【更好的】壓縮效果：
tinypng 壓縮
Squoosh 壓縮
壓縮效果：前者是 80%，后者是 95%；最終效果也不錯(cuò)~
Why not try ?
4. DevDocs
DevDocs見名思意，是 Web 開發(fā)技術(shù)文檔，是非常不錯(cuò)的學(xué)習(xí)手冊(cè)！
別的不說，就這 UI 就挺喜歡！還支持添加常用技術(shù)文檔、更換主題等~
5. iHateRegex
如果你討厭正則，那么一定不要錯(cuò)過這個(gè)網(wǎng)站？(ˉ▽ˉ；)...
不僅如此，還有細(xì)節(jié)圖示！可惡，做的真好啊 ╮(╯▽╰)╭
6. Carbon
經(jīng)常有人問，“這種好看的代碼片段如何生成”，答案就在 Carbon！
你可以生成各種主題、各種語言的代碼片段，并導(dǎo)出為圖片或復(fù)制到其它平臺(tái)，真滴好用 舒服了~~
7. Dribbble
尋找網(wǎng)頁(yè)設(shè)計(jì)靈感，認(rèn)準(zhǔn) Dribbble!!!
看到人家的管理后臺(tái)設(shè)計(jì)，就想馬上回去把自家的管理后臺(tái)“撕”了
8. Animista
Css 動(dòng)畫，復(fù)制代碼就能用！免安裝，它不香嘛？
9. Shape Divider
你可以生成各式各樣的分割線，并導(dǎo)出 SVG 格式；
花里胡哨的，我喜歡(? ω ?)
10. Notion
好啦，以上便是本次分享，針不戳~希望你也能用這些工具用的開心 o(￣▽￣)ブ
