Rayst 分析網站背後公司、流量數據和使用的技術服務（Chrome 擴充功能）
Rayst 是一個很實用的 Chrome 擴充功能，它會在瀏覽器加入一個按鈕，點選後顯示網站背後的公司、流量統計數據和使用…
網頁開發
閱讀全文Rayst 分析網站背後公司、流量數據和使用的技術服務（Chrome 擴充功能）
Wappalyzer 查看競爭對手網站使用那些技術、工具和第三方服務
如果想知道某個網站背後使用那些技術或服務，其實只要打開網站原始碼、透過瀏覽器開發人員工具就能略知一二，不過手…
TasteWP 快速建立 WordPress 測試環境，預先安裝外掛佈景主題
身為 WordPress 網站管理者經常會需要測試、開發或編輯網站，但一定不會想在已上線、實際運作的網站進行這些測試，如…
Icones 開源免費圖示目錄，可下載超過 118 套圖示集、14 萬個圖案
免費資源網路社群介紹過許多免費圖示網站，有一大部分是開放原始碼的圖示集，除了點陣圖通常還有向量圖和圖示字型（I…
Color review 檢查網頁配色是否符合 WCAG 規範
Color.review 用來計算兩種顏色對比度、檢查是否符合 WCAG 2.1 規範的線上工具，也能協助使用者找出看起來好看、又適合每個人的色彩組合。
Colour Contrast Analyser 色彩對比分析器檢查易讀性和視覺對比度
如果網站管理者想檢查網頁的各項表現，Chrome 瀏覽器開發人員工具內建「Lighthouse」前端稽核工具很有用，透過 Light…
Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼
如果在開發網站、應用程式或軟體專案時需要讀取中的動態圖示，UI Ball 有個名為「Loaders」網站收錄 24 種類型獨特、…
Mesh 漸層色背景產生器，加入顏色以拖曳方式扭曲漸變效果
如果你喜歡 iPhone、Mac 漸層顏色背景圖片，其實也可以自己動手做，之前介紹過不少漸層色的背景產生器，像是「Gradie…
Alwane 網頁配色擷取工具，輸入網址就能取得顏色代碼相關資訊
如果想知道某個網站配色方式，除了打開開發人員工具或是檢視原始碼，也有第三方服務可以使用，即使無法完整複製別人…
SEO Checker 專業 SEO 報告工具，找出各種網頁問題並提供解決方案
如果說到要怎麼改善搜尋引擎最佳化（SEO）成效，我通常會說先把程式碼寫對寫正確，然後檢查一下網站速度使用者體驗，…