How Big Is My Browser? 打開網頁顯示目前的瀏覽器可見範圍尺寸
因為工作需求我時常需要對螢幕進行擷圖，擷取瀏覽器、應用程式視窗畫面，透過 SizeUp 工具可快速調整視窗大小（SizeUp 不是免費軟體，Spectacle 是功能類…
網頁開發
閱讀全文How Big Is My Browser? 打開網頁顯示目前的瀏覽器可見範圍尺寸
WebPageTest 網站效能檢測工具，協助將使用體驗核心等各項指標最佳化
大家都知道 Google 今年已將網站使用體驗核心指標（Core Web Vitals）列為搜尋排序因素之一，也就是說管理者需要努力讓網站三項指標：LCP、FID 和 CLS 維持在良…
bbburst 線上產生五顏六色繽紛效果的 SVG 圖片
bbburst 是一個很簡單的線上工具，可以輕鬆產生有爆炸效果的彩色形狀 SVG 圖片，看起來就像文章上面這張擷圖一樣很繽紛，帶著邊緣模糊效果，非常適合使用於背景…
Coding Font 從 27 種免費字型找出最符合自己編寫程式碼的選擇
如果你是軟體工程師，每天可能會花大量時間瀏覽、閱讀、修改程式碼，至少有八個小時會緊盯著編輯器，俗話說「工欲善其事，必先利其器」，適合閱讀程式碼的字型…
LINE 分享連結網站縮圖標題錯誤、無法顯示？PagePoker 可強制更新
當使用者將網址複製、貼上 LINE 時會在對話視窗顯示網頁標題、描述和縮圖，這些資訊是從頁面的 Open Graph 標籤抓取而來，簡單來說，網頁開發者會透過 Open Gra…
SpeedVitals 免費網站性能分析工具，最佳化網站使用體驗
身為網站管理者經常會去改動網頁各項參數，或是調整看得到的版型設計等相關細節，在搜尋引擎即將開始提高網站使用體驗核心指標（Core Web Vitals）佔比之際，需…
Wicked Backgrounds 製作漂亮的波浪狀背景圖，適用於網站、簡報設計
之前介紹過一些線上背景產生器，例如 Cool Backgrounds 內建五種背景類型，可以製作三角幾何圖形、科技粒子效果、CSS 漸層背景、漸層地形圖不同色彩組合，如果…
Fast or Slow 免費網站測速工具，從全球 18 個位置測量網頁效能速度
如果想測試網站或部落格開啟速度，可不是只有在自己瀏覽器以開發人員工具檢查而已，用感覺的方法一定不準確，而且網站開啟速度也會受到各種因素影響，其中又以…
ILoveAdaptive 線上測試回應式網頁設計在不同裝置呈現效果
現在製作網站、部落格或網路服務時都會考慮到行動裝置用戶，因為智慧型手機已經普及，很多人在工作以外的時間甚至很少使用電腦，讓不同螢幕大小的裝置都能正常…
Screen Sizes 收錄 Apple 裝置顯示器、解析度和安範圍等技術資訊
做為應用程式開發者應該會需要檢索各種裝置的顯示器大小，雖然在網路上搜尋一下就能查到資料，如果整合為單一工具會更易於查找，例如我之前推薦過「Screen Size…