我編制了一份工具列表，這些工具多年來幫助我建立了供個人使用和客戶使用的網站。讓我們開始吧，與網路上許多其他可用於增強網站外觀的資源相比，這是一個很小的清單。
學習 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 語法，了解各種格式