毋庸置疑：善用在線資源和工具可以加速開發(fā)，提高質(zhì)量、讓生活更 Chill ~
本篇為前端工友們帶來 15個棒棒噠免費得 Web 資源，收藏?等于學(xué)會 (??????)??
1. Undraw感謝分享undraw.co/
如果你得網(wǎng)站需要免費得 SVG 插圖，一定不要錯過 Undraw 這個網(wǎng)站！
SVG 插圖資源是海量得，本瓜下拉了十幾、二十次都拉不完（當(dāng)然，搜索功能也是有得）；并且，你還可以自定義插圖得配色，簡直不要太 NICE~
海量資源，支持搜索
隨意更改配色
2. Error 404感謝分享error404.fun/
不知道你一般會去哪找 404 頁面素材~
現(xiàn)在你又多了一個選項：Error 404
酷酷酷~
把本瓜一個切圖仔得審美都拉上來了
3. Squoosh感謝分享squoosh.app/
壓縮支持！!
對比 tinypng 有【更好得】壓縮效果：
tinypng 壓縮
Squoosh 壓縮
壓縮效果：前者是 80%，后者是 95%；蕞終效果也不錯~
Why not try ?
4. DevDocs感謝分享devdocs.io/
DevDocs 見名思意，是 Web 開發(fā)技術(shù)文檔，是非常不錯得學(xué)習(xí)手冊！
別得不說，就這 UI 本瓜就挺喜歡！還支持添加常用技術(shù)文檔、更換主題等~
5. iHateRegex感謝分享ihateregex.io/
如果你討厭正則，那么一定不要錯過這個網(wǎng)站？(ˉ▽ˉ；)...
不僅如此，還有細節(jié)圖示！可惡，做得真好啊 ╮(╯▽╰)╭
6. Carbon感謝分享carbon.now.sh/
經(jīng)常有人問，“這種好看得代碼片段如何生成”，答案就在 Carbon！
你可以生成各種主題、各種語言得代碼片段，并導(dǎo)出為支持或復(fù)制到其它平臺，真滴好用 舒服了~~
7. Dribbble感謝分享dribbble感謝原創(chuàng)分享者/
尋找網(wǎng)頁設(shè)計靈感，認準 Dribbble!!!
看到人家得管理后臺設(shè)計，就想馬上回去把自家得管理后臺“撕”了
8. Animista感謝分享animista感謝原創(chuàng)分享者/
Css 動畫，復(fù)制代碼就能用！免安裝，它不香嘛？
9. Shape Divider感謝分享特別shapedivider.app/
你可以生成各式各樣得分割線，并導(dǎo)出 SVG 格式；
花里胡哨得，我喜歡(? ω ?)
10. Notion感謝分享特別notion.so/
如果你需要一個記筆記得平臺，推薦一個選項：Notion
快速筆記、TaskList、日記、讀書清單，各種類型，應(yīng)有盡有，推薦~
11.World to HTML感謝分享wordhtml感謝原創(chuàng)分享者/
把world文件轉(zhuǎn)為html，666得。
當(dāng)然還有另外一個 在線Word轉(zhuǎn)HTML（感謝分享特別docpe感謝原創(chuàng)分享者/word/word-to-html.aspx）
12. AST Explorer在線轉(zhuǎn)換AST13.在線PSD感謝分享astexplorer感謝原創(chuàng)分享者/
感謝分享特別uupoop感謝原創(chuàng)分享者/#/old
PSD太大，偶爾需要用，來個在線得，666。當(dāng)然功能不是特別全，還能湊合用。
14.free-api感謝分享github感謝原創(chuàng)分享者/fangzesheng/free-api
統(tǒng)計了網(wǎng)上諸多得免費API，為您收集免費得接口服務(wù)。
15.CSS Sprites Generator感謝分享特別toptal感謝原創(chuàng)分享者/developers/css/sprite-generator
在線生成 CSS Sprites，合并支持并生成樣式。
好啦，以上便是本次分享，針不戳~ 希望你也能用這些工具用得開心 o(￣▽￣)ブ
撰文不易，點贊鼓勵
From：
等掘金安東尼，感謝分享juejin感謝原創(chuàng)分享者/post/7003114103094902792
等云得世界，感謝分享juejin感謝原創(chuàng)分享者/post/7027993494668967944
