WEB開發(fā)中40+高質(zhì)量的免費(fèi)資源【多圖但值得一看】

時間：2023-05-24 13:27:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-05-24 13:27:01 來源：網(wǎng)站運(yùn)營

WEB開發(fā)中40+高質(zhì)量的免費(fèi)資源【多圖但值得一看】：對開發(fā)者來說，資源非常重要，因為在編碼的時候可以提高很大程度上提高生產(chǎn)力。通過幾個月，我收集到了一些鏈接，然后我很樂意跟大家分享其中部分。希望它們對你有所幫助。廢話少說，這里提供了很棒的免費(fèi)且最新的資源。

目錄：

• 插圖
• Development
• CSS
• Tailwind
• 設(shè)計
• Productivity

插畫

Error 404







對于查找你網(wǎng)站404頁面上使用的插畫，這個資源很棒。

Blush







無論對個人還是商用，Blush都允許你免費(fèi)下載和使用。它很神奇，因為它具有許多插圖風(fēng)格并且可以被重組成一個新的插圖。并且，它們有一個Figma插件，所以你很快就可以在自己的設(shè)計中使用。

Smash







smash插畫具有時尚的人物和簡單的插圖，可免費(fèi)用于商業(yè)和個人。它具有超過250個的對象和角色，以及20多個獨(dú)特的場景，所以你可以隨意組合它們。

Control







Control免費(fèi)提供高質(zhì)量實心和線性樣式的插畫。它們的.png格式插畫免費(fèi)商用和個人使用。如果你需要使用svg格式，那么需要支付$38，對于這種質(zhì)量的圖片來說還是值得的。

DrawKit







DrawKit具有超過220個免費(fèi)的插畫。它們都以svg形式提供，因此你可以創(chuàng)建很棒的構(gòu)圖。此外，它們還提供了用于抽獎的插圖，這對于炫酷的網(wǎng)站開發(fā)非常有用。

Open Doodles







如果你喜歡粗獷的插圖，那么你會喜歡Open Doodles。所有的插圖都是可以免費(fèi)下載為svg或png格式。而且，它們還有合成路線和生成器，因此你可以獲取所需的涂鴉。

Free







Free插畫具有很多的插圖背景，很適合登錄頁開發(fā)使用。

Mixkit







Mixkit是很嚴(yán)謹(jǐn)?shù)牟瀹?，或者說那是它的目標(biāo)。它具有許多插畫類別，還免費(fèi)提供股票視頻和音樂。

Delesign







Delesign提供和很多清爽的插圖。它們的主要有點是它們的多樣性。

Development

Majestic







Majestic是Jest的零配置UI，它使得查看測試日志輸出變得更加容易，而不是單純使用終端。它可以全局安裝，也可以使用npx majestic命令在任何存儲庫中打開。

Carbon







如果你想在推特或者博文中分享流暢的代碼片段圖，那么Carbon很有幫助。

Squoosh







壓縮圖片幾乎不引起明顯的質(zhì)量損失。另外，你可以編輯圖片大小以及丟失多少質(zhì)量，這是優(yōu)化你站點的必要條件。

SVGOMG







SVGOMG提供了用于優(yōu)化SVG文件的用戶圖形界面。對于你的站點使用SVG時極其重要。

Kite







Kite對于提高你的代碼生產(chǎn)力非常了不起。我相信，未來AI不會接替我們的工作，但是它將通過類似的工具增強(qiáng)。它使用經(jīng)過兩百萬個存儲庫訓(xùn)練的機(jī)器學(xué)習(xí)，在你喜歡的編輯器中提供自動補(bǔ)全功能。它目前僅適用于Python和Javascript，但不久之后將適用更多語言。

DevDocs







DevDocs是一個文檔聚合器。它在一個干凈且可搜索的界面中添加了多個庫和API文檔。這對于一半開發(fā)而言意義重大，因此我強(qiáng)烈建議你適用它。

DevHints







該網(wǎng)站具有針對bash,React,go,sass等工具的備忘錄。

Wappalyzer







你想知道你喜歡的網(wǎng)站使用的技術(shù)棧？不用多說，Wappalyzer可使你快速了解。它們也有擴(kuò)展名，因此你可以隨時找到它們。

iHateRegex







對于那些不想創(chuàng)建自己的正則表達(dá)式或不希望通過Google搜索的人來說，這個網(wǎng)站就是一個圣杯。你可以將其看作regex的google。

LottieFiles







聽說過Lottie？我沒聽說過，知道我發(fā)現(xiàn)這個站點。Lottie是一個庫，可用于解析和運(yùn)行從Adobe After Effects導(dǎo)出的動畫。這些動畫很漂亮，LottieFiles免費(fèi)提供數(shù)千個這些動畫。但是，它們大多數(shù)具有CC-BY 2.0許可證。

Shape Divider







Shape Divider使你可以動態(tài)地為你地網(wǎng)站生成光滑地分割線。與其他網(wǎng)站相比，它具有很酷地UI，并且效果很好。

CSS

Animista







需要一些CSS動畫地靈感或者片段？Animista能滿足你。它具有很多加速你開發(fā)的炫酷CSS特效。

Pattern.css







喜歡在設(shè)計中使用模式？那么你會喜歡它。它是一個CSS庫，使得你可以使用不同的類來為你的網(wǎng)站創(chuàng)建出色的模式。

CSSeffectsSnippets







能為你的網(wǎng)站帶來漂亮的動效。

98.css







98.css讓你換舊的幻想變成現(xiàn)實。如果你想創(chuàng)建一個Windows 98樣式的網(wǎng)站或electron app

，那么98.css對你幫助很大。

Tailwind

TailwindComponents







Tailwind最近很受歡迎，而類似的這些網(wǎng)站說明了原因。TailwindComponents使用tailwind.css

提供了數(shù)百個社區(qū)構(gòu)建組件。一些具有很高的質(zhì)量，所以指出來。

Tailblocks







Tailblocks具有很多高質(zhì)量的Tailwind組件。但是，它們提供了與bootstrap的體驗，因此你可以使用它們來創(chuàng)建整個網(wǎng)站。絕對會加速你的開發(fā)。

設(shè)計

colors.los







需要過度秒速的調(diào)色板？Colors.lol是找到這些的地方。它們包含超過10個的調(diào)色板，可以使你的設(shè)計更加生動。

ColorMind







Colormind使用深度學(xué)習(xí)生成顏色方案。你可以鎖定顏色并獲得其他顏色的補(bǔ)充。

Ucraft Logo Maker







每當(dāng)我需要輔助項目的快速成型logo時，這就是我的首選。它們具有數(shù)千個圖標(biāo)，可以幫助你創(chuàng)建許多徽標(biāo)的組合。能夠免費(fèi)下載png版本的圖片供自用或商用。

AppMockUp







AppMockUp使你無需要太多的工作就可以為Andriod和iPhone生成模型。如果你是移動開發(fā)人員，你會需要。

Webframe







基于真實的網(wǎng)站，Webframe提供上千個設(shè)計靈感。

FontSpark







FontSpark允許你通過生成不同的文字來發(fā)現(xiàn)自己喜歡的下一個字體。

HackDesign







你是否有額外的時間想學(xué)習(xí)設(shè)計？那么HackDesign適合你。這個網(wǎng)站包含多個課程，可以教你稱為設(shè)計師所需的知識。

Checklist Design







如果你正在設(shè)計或建立網(wǎng)站，這些清單可以節(jié)省你的時間。它們?yōu)榫W(wǎng)站的不同部分（例如表單，排版，按鈕等）保證了可訪問性和出色的UX。

Remove BG







標(biāo)題很有解析性。使用此工具可以輕松刪除圖像中的背景，因此可以在設(shè)計或網(wǎng)站中使用它。

Unscreen







就像remove.bg一樣，但是用于gif和視頻。

Productivity

Sejda







? Sejda提供了一個在線流暢的PDF編輯器。對于編輯你的CV(curriculum vitae)很有幫助。

GetTerms







GetTerms會為你的應(yīng)用生成量身定制的隱私政策和服務(wù)條款。這對于節(jié)省構(gòu)建web產(chǎn)品的時間來說很棒的。

Top Hunts Time Machine







該工具使你可以查看Product Hunt中最著名的產(chǎn)品。如果你想查找資源，請務(wù)必每月檢查一次。

Notion







Notion很棒。以至于成為我日常的寫作平臺。我只是喜歡博客和筆記的干凈和高效率。

Writty







需要超級精簡的編輯器來寫作嗎？那么，你將喜歡上Writty。它具有一個超級簡單的編輯器，可將你編寫的內(nèi)容保存在瀏覽器中，因此你不必要擔(dān)心它如此容易地暴露在Internet上。而且，它是開源地，這是個加分項。

Grammarly







這在Internet上編寫任何內(nèi)容所必需地。我將此工具與ESLint進(jìn)行了比較，因此它可以讓你在發(fā)現(xiàn)錯誤之前就發(fā)現(xiàn)了它們。每當(dāng)我們編輯GitHub問題、Stack Overflow問題等的時候，開發(fā)者都可以從中受益。

OpenSource Builders







OpenSource Builders提供了許多常見產(chǎn)品的開源替代品，例如Facebook,Slack,Shopify等。

Wave







如果你是個字有職業(yè)者或者有自己的事業(yè)，那么Wave可以幫助你免費(fèi)在網(wǎng)絡(luò)上進(jìn)行會計，發(fā)票和收據(jù)。

Clockify







一個針對個人和團(tuán)隊的真正免費(fèi)的時間跟蹤器。Clockify使你可以輕松記錄時間，并具有許多功能來管理這些數(shù)據(jù)。

Untools







Untools具有許多思維模式，可以在編程過程中為你提供幫助。

總結(jié)

我希望上面的資源能幫到構(gòu)建更好的網(wǎng)站和應(yīng)用，正如它們對我的幫助！如果你有其他比較好的資源推薦，可以在下面的評論中羅列下。

后話

• 原文：https://dev.to/jfelx/40-high-quality-free-resources-for-web-development-10o3
• 文章首發(fā)：https://github.com/reng99/blogs/issues/65
• 更多內(nèi)容：https://github.com/reng99/blogs