Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
如果要讓行動裝置正常瀏覽網頁，可以另外製作手機版頁面或是透過自適應網頁設計（Responsive Web Design，簡稱 RWD）…
網頁工具
Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具
免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具，這些服務多半不需要額外下載軟體，輸入網址就能建立網頁…
CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
很多早期會使用 Instagram 的朋友都很喜歡對相片套用濾鏡效果的設計，雖然現在有各種應用程式可以做到，甚至成為內建…
ScreenDump 自適應網頁設計測試工具，預覽網站在不同尺寸螢幕顯示效果
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題，都會針對 User Agent 提供不同的頁面版本，例如在手機存取時會直…
URLVoid 從超過 30 個檢測引擎檢查網頁安全，避免誤入詐欺或惡意連結
想知道瀏覽的網站安全與否，各家掃描引擎都有自己的黑名單，最有名的就屬 Google Safe Browsing，而這份名單除了 Goo…
FlatGA 簡化 Google Analytics 分析介面，讓流量報表更易讀
Google Analytics（Google 分析）是一個由 Google 提供的網站流量統計服務，也是當前網路上被使用最廣泛的分析工具，…
Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼
如果有接觸過網頁設計或曾經嘗試在網站、部落格放入表格，應該會覺得表格（Tables）是一個非常難搞的東西，不但原始…
Fika 為瀏覽器加入 Kindle 閱讀效果，設定更符合習慣的瀏覽模式（Chrome 擴充功能）
現今網頁瀏覽器會內建「閱讀模式」功能，可以在閱讀文章時提供更好的瀏覽體驗，包括移除會影響閱讀的廣告，還能重新…
YourKit.pw 快速產生瀏覽器相關資訊，開發除錯更容易找出問題點
對網站站長來說，在開發網站的過程中會考慮到各種可能的問題，有時候只能想辦法使用更多不同的環境進行測試，但百密…
Clearly 瀏覽器閱讀工具，專注模式還能幫你念文章（Chrome 擴充功能）
我們每天花費許多時間在閱讀網路資訊，閱讀如此重要，卻很少有乾淨明瞭的閱讀器，因此必須受限在網頁設計上，被很多…
