網路資源
學會CSS的藝術！CSS-Inspiration助你設計出色網頁
CSS Inspiration 是由 GitHub 開發者 Coco（用戶名：chokcoco）維護的寶貴開源專案，專為網頁開發者設計，提供豐富且創意十足的 CSS 範例和靈感。透過涵蓋多樣主題的範例與詳細說明，開發者能靈活運用各種 CSS 技巧，提升項目質感與開發效率。
網路資源
網路資源
Lucide：輕量化、可自訂的開源 SVG 圖示庫
Lucide 是一款社群驅動的開源 SVG 圖示庫，提供輕量化、高效能且可自訂的圖示，完美融入 React、Vue、Angular 等框架，適用於網站及應用設計，助力打造一致性與靈活性的數位產品。
網路資源
beautifully crafted animated icons：好用且生動的 icon 動畫資源庫
beautifully crafted animated icons 是一個開源的高品質動畫圖示庫，基於 Motion 和 Lucide 技術構建，免費提供流暢互動的圖示，適用於網站、應用程式和數位產品，助力快速打造生動的用戶體驗。
網路資源
MageCDN SVG Loaders：開源的 SVG 讀取動畫庫
MageCDN SVG Loaders 提供超過 100 種專業設計的開源 SVG 加載動畫 icon，適用於網站和應用的載入狀態顯示。這些動畫包括旋轉圖標、進度指示器等樣式，支援高解析度、輕量化和快速載入，開發者可自訂顏色和速度。簡便整合、MIT 授權，適合商業專案和個人開發者使用，有助於提升用戶等待時的體驗並增強互動性。
網路資源
SVG.la：AI 支援的 SVG 圖形生成與轉換工具
SVG.la 是一款專為設計師和開發者設計的 AI 圖形工具平台，透過文字描述或圖片快速生成高品質的 SVG 向量圖形。平台支援多種格式轉換功能，包括 SVG 轉換為 PNG、JPG 和 GIF，適合設計網頁圖示、標誌及其他可縮放的圖形資源。
網路資源
Weather Icons：專業又完整的天氣 icon 集
如果你正在尋找一套高品質且完整的天氣圖示集，Weather Icons 是一個非常值得推薦的資源。這個圖示集專門為天氣應用和網站設計提供各式各樣的圖示，且以向量格式呈現，讓你在不同解析度下都能保持清晰度。這套圖示集由開發者 Erik Flowers 創建，具備豐富的天氣狀況圖示，從晴天、陰天到雷雨、暴雪都應有盡有。
網路資源
IconKitchen：為設計師提供便利的圖示生成工具
IconKitchen 是一個簡單易用的圖示生成平台，專門為網頁與應用程式開發者和設計師設計。使用者可以輕鬆自訂不同樣式的圖示，並根據需求快速產生符合設計風格的 SVG 格式圖示。這個平台的主要特色包括：
網路資源
Eternal：簡單易用的 SVG 批次優化工具
Eternal 是一款專門為設計師及開發者打造的免費 SVG 批次優化工具。它的最大亮點是操作全程在瀏覽器本地進行，不會上傳或儲存任何檔案，確保隱私與安全。使用者只需將 SVG 檔案拖放到網頁，即可批次優化並下載優化後的檔案，過程簡單且高效，適合需要快速處理大量 SVG 檔案的人使用。
教學與資訊
如何在 SVG 增加類似 html title 屬性的文字提示效果
在 SVG 中，雖然 path 元素本身並不支援直接使用 HTML 的 title 屬性來顯示提示框效果，但 SVG 有內建的 title 元素，當滑鼠懸停在 path 上時，會顯示類似於 HTML 的 title 提示框。
網路資源
Mapshaper：快速將 GeoJSON 等格式轉為 SVG 的地理數據處理工具
Mapshaper 是一個強大且免費的線上地理數據處理工具，特別適合 GIS（地理資訊系統）使用者、地理資料科學家和地圖製作者使用。這個工具主打其簡單易用的介面及強大的功能，能夠幫助使用者快速編輯、簡化、轉換各類地理數據格式。
網路資源
Atlas Icons：設計師必備的高質感圖示資源平台
在現代網頁設計和應用程式開發中，圖示（Icons）扮演著至關重要的角色，能夠提升使用者介面（UI）的視覺吸引力與可用性。Atlas Icons 是一個由 Vectopus 推出的圖示資源平台，專為設計師和開發者提供多樣化且高品質的圖示集合，讓你的專案更具視覺效果和專業感。
網路資源
Inkscape：Illustrator 的替代方案，免費且強大的向量圖形編輯工具
Inkscape是一款專業的開源向量圖形編輯軟體，適合插畫家、設計師和網頁設計師使用。它提供靈活的繪圖工具、廣泛的檔案格式相容性、強大的文字工具以及貝茲曲線和螺旋曲線功能。無論是創建插圖、標誌、圖示還是網頁設計，Inkscape都能滿足您的需求。
網路資源
Unicornicons：為您的專案增添動態圖示魅力
Unicornicons 是一個提供多款可自訂動態圖示的平台，讓您的設計更具互動性和趣味性。該平台提供超過 100 款動畫圖示，使用者可輕鬆調整顏色、筆劃寬度、背景和比例，並以 JSON 和 SVG 格式匯出。
網路資源
VectorCraftr：免費優質 SVG 插圖圖庫
VectorCraftr 提供一個美觀且多樣化的 SVG 插圖圖庫，專為設計師、開發者和內容創作者設計，幫助他們輕鬆找到合適的插圖以提升作品的視覺效果。該平台的插圖涵蓋多種風格和主題，適用於不同的專案需求。
網路資源
Reshot：高品質免費 icon 跟插畫圖庫網站
Reshot 是一個提供高品質、免費圖像資源的圖庫網站，專為設計師、創意工作者和內容創作者設計。所有圖像均由 Reshot 社群貢獻，並可自由使用於個人和商業項目。
網路資源
IT Tools：開發者的實用線上工具集合
IT Tools 提供一系列線上工具，專為開發者設計，旨在提升開發和測試效率。平台上的工具涵蓋多種開發需求，包括 JSON 解析、Base64 編碼/解碼、正規表達式測試等，所有工具都免費且易於使用。
網路資源
Ilus AI：AI 插畫生成工具
Ilus AI 是一款專為創意專業人士打造的 AI 插圖生成工具，支援多種風格選項、自訂模型微調，並能快速輸出高品質影像，助您輕鬆提升創作效率。
網路資源
[WordPress Plugin] SVG Support：讓你的 WordPress 支援 SVG 格式圖檔的必備外掛
SVG Support 是一款 WordPress 外掛，讓你的網站輕鬆支援 SVG 格式圖檔。此外掛不僅允許上傳 SVG 檔案，還提供安全檢查、檔案縮小及內嵌 SVG 功能。