web前端常用代碼大全（推薦10個很）

2023-08-05 16:37:48 1

毋庸置疑：善用在線資源和工具可以加速開發，提高質量、讓生活更 Chill ~

本篇為前端工友們帶來 10 個棒棒噠免費的 Web 資源，收藏⭐等於學會 (๑•̀ㅂ•́)و✧

如果你的網站需要免費的 SVG 插圖，一定不要錯過 Undraw 這個網站！

SVG 插圖資源是海量的，本瓜下拉了十幾、二十次都拉不完（當然，搜索功能也是有的）；並且，你還可以自定義插圖的配色，簡直不要太 NICE~

海量資源，支持搜索

隨意更改配色

不知道你一般會去哪找 404 頁面素材~

現在你又多了一個選項：Error 404

酷酷酷~

把本瓜一個切圖仔的審美都拉上來了

壓縮圖片！!

對比 tinypng 有【更好的】壓縮效果：

tinypng 壓縮

Squoosh 壓縮

壓縮效果：前者是 80%，後者是 95%；最終效果也不錯~

Why not try ?

DevDocs 見名思意，是 Web 開發技術文檔，是非常不錯的學習手冊！

別的不說，就這 UI 本瓜就挺喜歡！還支持添加常用技術文檔、更換主題等~

如果你討厭正則，那麼一定不要錯過這個網站？(ˉ▽ˉ；)...

不僅如此，還有細節圖示！可惡，做的真好啊 ╮(╯▽╰)╭

經常有人問，「這種好看的代碼片段如何生成」，答案就在 Carbon！

你可以生成各種主題、各種語言的代碼片段，並導出為圖片或複製到其它平臺，真滴好用 舒服了~~

尋找網頁設計靈感，認準 Dribbble!!!

看到人家的管理後臺設計，就想馬上回去把自家的管理後臺「撕」了

Css 動畫，複製代碼就能用！免安裝，它不香嘛？

你可以生成各式各樣的分割線，並導出 SVG 格式；

花裡胡哨的，我喜歡(❤ ω ❤)

如果你需要一個記筆記的平臺，推薦一個選項：Notion

快速筆記、TaskList、日記、讀書清單，各種類型，應有盡有，推薦~

好啦，以上便是本次分享，針不戳~ 希望你也能用這些工具用的開心 o(￣▽￣)ブ

OK，以上就是本篇分享~~

掘金安東尼：一名人氣前端技術博主（文章 100w 閱讀量）

終身寫作者（INFP 寫作人格）✍✍✍

堅持與熱愛（簡書打卡 1000 日）

陪一起度過漫長技術歲月吧（以夢為馬）

覺得不錯，點個讚吧，您的「三連」，是我最大的動力

,