Lorem.space 免費測試圖片產生器，提供電影海報、音樂封面可自訂尺寸
Lorem ipsum 就是所謂的測試文章，也是一篇常用於排版設計的拉丁文文章，中文稱為亂數假文或隨機假文，後來經常在各種測試功能看到這個名詞，例如之前介紹過「D…
網頁測試
閱讀全文Lorem.space 免費測試圖片產生器，提供電影海報、音樂封面可自訂尺寸
Doodle Ipsum 產生插圖測試圖片，可選擇樣式和指定尺寸
Lorem ipsum（簡稱為 Lipsum）是指一篇用於測試文章排版或字型效果的拉丁文文章，我曾在之前寫過的「12 個你應該知道的中英文假字、文章產生器」提到，如果你要…
SpeedVitals 免費網站性能分析工具，最佳化網站使用體驗
身為網站管理者經常會去改動網頁各項參數，或是調整看得到的版型設計等相關細節，在搜尋引擎即將開始提高網站使用體驗核心指標（Core Web Vitals）佔比之際，需…
Fast or Slow 免費網站測速工具，從全球 18 個位置測量網頁效能速度
如果想測試網站或部落格開啟速度，可不是只有在自己瀏覽器以開發人員工具檢查而已，用感覺的方法一定不準確，而且網站開啟速度也會受到各種因素影響，其中又以…
ILoveAdaptive 線上測試回應式網頁設計在不同裝置呈現效果
現在製作網站、部落格或網路服務時都會考慮到行動裝置用戶，因為智慧型手機已經普及，很多人在工作以外的時間甚至很少使用電腦，讓不同螢幕大小的裝置都能正常…
Website Grader 網站評分工具，免費影音教學影片協助改善搜尋引擎排名
如果想要對網站或部落格進行搜尋引擎最佳化，我通常會建議先去詳細閱讀「Google 搜尋引擎最佳化（SEO）入門指南」，在 Google 釋出的手冊中有提到非常多觀念，…
Dummy Image 假圖產生器，以網址快速載入各種尺寸顏色圖片
在設計網頁或是配置版面時經常會需要預先保留圖片位置，讓開發或示範時使畫面更接近最終樣貌，如果手邊的圖片還沒處理，我們可以透過佔位圖片（Placeholder）呈…
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半…
Who Can Use 檢查網頁配色對視力障礙使用者友善程度
全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，網頁內容無障礙指南（Web Content Accessibility Guidelines，WCA…
Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
如果要讓行動裝置正常瀏覽網頁，可以另外製作手機版頁面或是透過自適應網頁設計（Responsive Web Design，簡稱 RWD）技術來調整版型，那麼要怎麼知道一個網站有…