View Rendered Source：網頁開發與 SEO 必備 Chrome 擴充功能，一鍵檢查 JavaScript 渲染差異
最近在社群平台看到國外網友推薦一款免費 Chrome 擴充功能「View Rendered Source」，可以說是網頁開發者與 SEO 專家必備的工具！它能顯示 Google 是否能真正「…
開發工具
閱讀全文View Rendered Source：網頁開發與 SEO 必備 Chrome 擴充功能，一鍵檢查 JavaScript 渲染差異
Remix Icon 免費開源圖示集：收錄超過 3000 種精緻圖案，支援 SVG、Webfont 與 Vibe Coding
今天要推薦的「Remix Icon」是一套免費開源圖示集，一共收錄 3229 種圖案，這是一組精心設計的圖示，具有完美像素、風格一致性等特性，很適合設計師或是開發人…
OpenRouter 聚合 API 平台：一次存取所有 AI 模型、免費模型、同時聊功能超實用
今天要介紹「OpenRouter」是一個聚合各種 AI 模型的 API 平台，可以在單一平台輕鬆存取來自多個提供商的數百種大型語言模型（LLM），簡單來說，如果想測試某個 …
Colorful QRCode：簡單快速的瀏覽器 QR Code 產生器
免費資源網路社群介紹過不少 QRCode 產生器，大部分是將網址或特定內容轉為 QRCode 圖片，也有一些可自訂的個性化選項，例如改變圖片顏色、形狀或是加入 Logo …
Boxicons 免費圖示集：超過 1600 個高品質 SVG 圖案可商用下載
Boxicons 是一套精心設計的開源免費圖示集，主打的是高品質、網頁友善，目前收錄超過 1600 種圖案，這些圖示依主題分類，方便設計師和開發者快速尋找所需素材，…
IP.network：免費 IP 查詢工具，支援 IPv4 / IPv6 顯示詳細資訊
IP.network 是免費的 IP 位址查詢服務，可以輕鬆查到自己的公開 IP 位址和相關資訊，也能輸入 IPv4 / IPv6 位址顯示詳細記錄，包括該位址的國家、來源地區、主…
Shader Gradient：輕鬆創建動態漸層效果，快速整合 Figma、Framer
Shader Gradient 是一個專為設計師、開發者打造的線上工具，主要用於創建美麗的動態漸層效果，只要在瀏覽器即可設定，不用額外安裝任何的軟體或應用程式，創作…
Pqoqubbw icons：免費下載 160+ 精美動態圖示，MIT 授權可商用
網路上的免費圖示集有很多，但是會動的動態圖示相對來說就少了一點，如果你對於這類的動畫圖有興趣，可以參考「Pqoqubbw icons」，這是一個開放原始碼專案（MIT…
Lucide Icons：收錄 1500 個圖案的免費開源圖示集，支援各種前端工具和開發框架
Lucide 是一套很美觀、具有一致性風格的免費圖示，由社群成員協同創作，圖示不僅看起來非常乾淨簡潔，在設計上遵循嚴格的設計規範以保持樣式和可讀性。使用者可…
提升效率！Screen Ruler 網頁尺規工具：前端開發者必備的 Chrome 擴充功能
Screen Ruler 是螢幕上的尺，用以測量網頁上任何元素的標籤名稱、ID、尺寸、距離、邊框間距和邊界等資訊，而且操作上很簡單，只要開啟擴充功能後將游標移動到元…