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