開發者們大家好！ 歡迎來到我的另一篇博文。
在這篇文章中，我想分享一些每個開發人員都必須了解的基本網站或工具。
所以讓我們開始👇並且不要忘記“💖🦄🔥”。
1. omatsuri.app 🍡
Omatsuri 是一個提供網頁開發人員資源的日本網站。
“Omatsuri”，一個漸進式 Web 應用程式 (PWA)，提供 12 個開源前端工具的集合。
這些資源免費使用和自訂，這在您設計新網站或應用程式時非常有幫助。
2. htmlrev.com 📄
HTMLrev 是一個尋找 HTML 範本和設計資源的絕佳網站。
他們為網站、登陸頁面、部落格、作品集等提供免費的 html 模板。
這些模板隨時可用且易於自訂。這是滿足您所有範本需求的一站式場所。
3. Unicornicons.com 🦄
Unicornicons 擁有漂亮的動畫圖示，您可以在專案中使用它們。
他們有高級圖標包，但也提供許多免費圖標。這些圖標有助於使介面更具吸引力和樂趣。
您還可以輕鬆自訂顏色。
4. UiVerse.io✨
UiVerse 是一個使用 CSS 和 Tailwind 建立的 UI 元素社群。
他們擁有超過 3000 個元素，可以在 MIT 許可下免費使用。
這對於建立 UI 元件並節省開發時間非常有用。您可以搜尋、篩選元素並直接取得要複製的程式碼。
5. undraw.co 🖌
Undraw 是一個開源插圖函式庫。他們提供美麗的 SVG 插圖，您可以免費使用。
這些插圖很現代，可以輕鬆自訂。這對於登陸頁面、有關部分和產品行銷的內容非常有幫助。
他們也不斷加入新的插圖。
6. patternpad.com 🎨
PatternPad 讓您設計來自無限顏色和形狀變化的圖案。您可以在這裡非常輕鬆地建立獨特的品牌模式、簡報、社交貼文等。
圖案匯出為 SVG 以供靈活使用。這是一個很好的工具，可以為您的設計增添視覺吸引力。
7. shapeivider.app 🗺
ShapeDivider 可協助您非常輕鬆地在標題、段落或部分之間新增曲線形狀。它是設計中經常使用的技術。
該網站允許您透過選擇形狀和顏色類型來產生程式碼。您可以直接複製並貼上程式碼。非常有用的工具！
8. photopea.com 📸
Photopea 是一款線上照片編輯器，支援 PSD、XCF、Sketch、XD 和 CDR 格式。 您可以免費開啟、編輯和儲存照片，無需安裝任何軟體。
它具有類似於 Photoshop 的工具，但對初學者非常友好。這非常適合開發人員的基本影像編輯需求。
9. quickref.me 🧑💻
QuickRef 是各種開發人員工具、框架和技術的備忘單集合。它們涵蓋了從程式語言、資料庫、設計工具到終端命令的所有內容。
這些備忘單可以幫助您更快學習，並且在開發過程中也非常方便。 將此加入書籤！。
10. devdocs.io 📚
DevDocs 為許多程式庫和框架提供 API 文件。 它從各種來源收集文件並以有組織的方式呈現它們。
在開發過程中，經常需要參考文件。該網站使您可以輕鬆快速地找到所需的內容。
11. devhints.io 📝
Devhints 包含各種技術和工具的簡明備忘單。這些就像開發人員的袖珍參考卡。該資訊清晰呈現，沒有額外的細節。
他們專注於最重要的功能。這是一個很棒的網站，可以找到快速提醒。
12. 開發工具 🛠
Chrome 開發者工具或 DevTools 是一套強大但有時令人難以抗拒的 Web 開發者工具。
developer.chrome 上的文件可協助您掌握這些工具。它涵蓋了每個面板的使用、鍵盤快捷鍵以及提示和技巧。任何開發人員都不應忽略 Chrome DevTools 文件。
就是這樣😁
感謝您閱讀這篇部落格🙏，我希望這能為您帶來一些新的去處！
如果您發現任何其他有用的網站，請發表評論📩。
並且不要忘記加上“💖🦄🔥”
快樂編碼👋
原文出處：https://dev.to/random_ti/top-12-websites-that-every-developer-must-know-2a67
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
