我編制了一份工具列表，這些工具多年來幫助我建立了供個人使用和客戶使用的網站。讓我們開始吧，與網路上許多其他可用於增強網站外觀的資源相比，這是一個很小的清單。
學習 Web 開發的網站
程式碼學院
奧丁計劃
前端導師
JavaScript30
Coursera
可汗學院
免費程式碼訓練營
MDN 網路文件
W3學校
斯林巴
學習 Web 開發的 YouTube 頻道
簡化網頁開發
編碼器 編碼器
編碼列車
自由程式設計營
穿越媒體
網路忍者
與哈利一起編程（印地語）
**HTML/CSS 範本網站
**
HTML5UP
HTML修訂版
自由CSS
模板化
免費HTML5
啟動引導程式
引導製作
靴子手錶
引導品味
克魯普
車頂板
HTML5xCSS3
使用的程式碼編輯器
Visual Studio 程式碼（VS 程式碼）
崇高的文字
括號
為什麼
JavaScript 動畫庫
Anime.js：輕量級 JavaScript 動畫函式庫。
ScrollReveal.js：當元素進入視窗時輕鬆顯示元素。
Popmotion：功能齊全、靈活的 JavaScript 運動庫。
AniJS：CSS 動畫的聲明性處理庫。
Wow.js：向下捲動頁面時顯示 CSS 動畫。
Typed.js：一個類型的 JavaScript 函式庫。
Velocity.js：加速 JavaScript 動畫。
GSAP：現代網路的專業級動畫。
向量、圖像和插圖網站
Freepik：發現免費向量、照片、PSD 和圖示。
Vecteezy：尋找高品質的向量藝術、圖形和插圖。
Unsplash：存取超過一百萬張免費高解析度照片。
Pixabay：探索龐大的免費圖片和影片庫。
Flaticon：下載免費圖示、SVG、PSD、PNG、EPS 格式或 ICON FONT。
Openclipart：分享和使用免費的剪貼畫和圖像。
SVGRepo：免費下載 SVG。
Vectorportal：免費向量、剪貼畫和圖示。
SVGBackgrounds：可自訂的 SVG 圖案和背景。
FreeDesignFile：高品質的圖形設計資源。
Pexels：尋找才華橫溢的創作者分享的免費庫存照片和影片。
Vectorian：下載免版稅向量藝術、庫存照片和素材。
我希望這些資源能幫助您建立網站。
謝謝閱讀。我們下一篇部落格見！😊🙌
原文出處：https://dev.to/monica_w/resources-every-web-developer-needs-18m0
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
