如果在開發網站、應用程式或軟體專案時需要讀取中的動態圖示，UI Ball 有個名為「Loaders」網站收錄 24 種類型獨特、可自訂且輕量化的載入動態圖，Loaders 也是一個 React.js 套件資料庫，打開網站就能在線上直接預覽這些很眼熟的動畫圖，對於要取用拿去開發專案來說非常有用，也不用上網到處尋找動態圖，Loaders 所有動態圖示都有提供對應的 React、HTML 和 CSS 原始碼。
網頁開發
Mesh 漸層色背景產生器，加入顏色以拖曳方式扭曲漸變效果
如果你喜歡 iPhone、Mac 漸層顏色背景圖片，其實也可以自己動手做，之前介紹過不少漸層色的背景產生器，像是「Gradient Backgrounds」就是一站式的漸層背景產生工具整合各種服務（有點像是 The Stocks 2 整合免費圖庫、影片、圖示和字型的感覺），或是 WebGradients 收錄超過 180 種漸層色背景免費下載，產生 CSS 3 語法在取用顏色更方便。 其他還有像是 Blend、ColorSpark、CoolHue 都是類似的圖案產生器服務。
Alwane 網頁配色擷取工具，輸入網址就能取得顏色代碼相關資訊
如果想知道某個網站配色方式，除了打開開發人員工具或是檢視原始碼，也有第三方服務可以使用，即使無法完整複製別人的配色，也能快速得知網站使用的顏色代碼或配色模式，取得顏色的色碼或色彩名稱。有沒有任何更直覺、簡單的方式來完成這些工作呢？若你有類似的需求，接下來要介紹的服務或許可以滿足，這項服務會擷取特定網頁使用的顏色，讓顏色相關資訊更一目瞭然。
SEO Checker 專業 SEO 報告工具，找出各種網頁問題並提供解決方案
如果說到要怎麼改善搜尋引擎最佳化（SEO）成效，我通常會說先把程式碼寫對寫正確，然後檢查一下網站速度使用者體驗，尤其是 Google 已經將網站使用體驗核心指標（Core Web Vitals）列為搜尋排序的因素，如何最佳化三項指標：LCP、FID 和 CLS 就是目前最重要的工作，另一方面，必須要仔細閱讀「Google 搜尋引擎最佳化入門指南」有助於建立起正確的觀念。以往各項網站最佳化操作依然可行，也是網站管理者必須要注意而且時時刻刻檢視的項目，透過一些工具進行分析有助於找出並且釐清應該進行的相關操作。
How Big Is My Browser? 打開網頁顯示目前的瀏覽器可見範圍尺寸
因為工作需求我時常需要對螢幕進行擷圖，擷取瀏覽器、應用程式視窗畫面，透過 SizeUp 工具可快速調整視窗大小（SizeUp 不是免費軟體，Spectacle 是功能類似的免費替代方案），不過很難得知實際瀏覽器顯示解析度，如果是開發者或設計師想調整頁面，可能需要設定一個確切的顯示範圍進行更精準測試，接下來要介紹的小工具可以滿足類似需求。
WebPageTest 網站效能檢測工具，協助將使用體驗核心等各項指標最佳化
大家都知道 Google 今年已將網站使用體驗核心指標（Core Web Vitals）列為搜尋排序因素之一，也就是說管理者需要努力讓網站三項指標：LCP、FID 和 CLS 維持在良好狀態，因此除了速度也要考量到各種網頁元件放置，透過不斷修改調整和測試來使瀏覽者獲得更好的體驗，如果是 Cloudflare 使用者不妨開啟「啟用 Cloudflare Browser Insights 收集網站 Web Vitals 和效能指標」功能來分析數據，Google 自家提供的 PageSpeed Insights 也能在輸入網址後進行檢測並獲得相關數據表現。
Coding Font 從 27 種免費字型找出最符合自己編寫程式碼的選擇
如果你是軟體工程師，每天可能會花大量時間瀏覽、閱讀、修改程式碼，至少有八個小時會緊盯著編輯器，俗話說「工欲善其事，必先利其器」，適合閱讀程式碼的字型對於工作效率和舒適度來說有很大的幫助，不過那麼多的字型應該要怎麼選擇呢？Dev Fonts 提供超過 36 種開發者會用到的字型，直接在線上預覽程式碼，選擇不同的編輯器配色、程式語言，幫助使用者找出最符合閱讀習慣的字型選擇。
LINE 分享連結網站縮圖標題錯誤、無法顯示？PagePoker 可強制更新
當使用者將網址複製、貼上 LINE 時會在對話視窗顯示網頁標題、描述和縮圖，這些資訊是從頁面的 Open Graph 標籤抓取而來，簡單來說，網頁開發者會透過 Open Graph 標籤指定網站標題、說明、固定網址、語言和圖片鏈結等資訊，讓搜尋引擎、社群網站或即時通訊軟體使用這段內容來呈現出預覽效果，因此完善 Open Graph 標籤資訊很重要，有助於讓網頁在各種平台顯示正確資訊。
SpeedVitals 免費網站性能分析工具，最佳化網站使用體驗
身為網站管理者經常會去改動網頁各項參數，或是調整看得到的版型設計等相關細節，在搜尋引擎即將開始提高網站使用體驗核心指標（Core Web Vitals）佔比之際，需要開始最佳化網站使用者體驗，有助於讓網站在搜尋結果獲得更多的曝光機會。大多數情況會使用 Google PageSpeed Insights 去進行測試評分，但它給的建議較少，搭配 GTmetrix 可以獲得更多的分析結果，不過 GTmetrix 有每日可免費使用次數限制，接下來的服務是免費替代方案。