現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半以響應式網頁設計（Responsive web design）技術直接在不同尺寸螢幕上顯示最適合的樣式，更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形，除了直接使用手機瀏覽外，其實也有不少工具可以輔助，像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。
網頁開發
Screenshot Tracker 擷取並追蹤網頁長截圖，測試在不同裝置顯示情形
網站開發者經常需要測試網頁在不同裝置、螢幕大小的顯示樣貌，以前會針對行動裝置另外製作一個行動版，現在比較普遍作法是使用響應式網頁設計（Responsive web design，簡稱 RWD），可自動調整為最適合閱讀的大小，但這些開發過程可能都得借助於測試工具幫忙，例如瀏覽器外掛程式 Responsive Viewer 可在單一頁面查看不同螢幕大小裝置的顯示樣式，或是透過線上工具 ScreenDump 預覽網站在不同尺寸螢幕顯示效果。
Detailed SEO Extension 快速得知網頁的搜尋引擎最佳化相關資訊（Chrome 擴充功能）
通常在網站流量出現變化時網站管理者會去探究原因，如果你的訪客多為來自搜尋引擎的自然流量，有很大機會是搜尋引擎排名下降或類似問題，當然各家公司使用的演算法技術是商業機密，但通常都圍繞著一些大原則，像是被我視為最重要的 Google 搜尋引擎最佳化入門指南就是最核心的參考書，當中有提到使用正確語法清楚表達網頁資訊。
useAnimations 免費動態圖示下載，可用於應用程式或網站介面開發
HEAD 網頁開發參考手冊，收錄 HTML5 在 head 可用標籤及範例說明
Background Image Generator 免費網頁背景產生器，可製作各種材質圖片
現在比較少網站會用到背景圖，但有時候為了要讓背景不要太過單調，或是有些變化又不影響閱讀，會選擇顏色較淺的紋理材質素材，例如 Hero Patterns 可產生平鋪式背景 SVG 圖，或是 Bg-Patterns、Paper-co 也有不少紋理背景可以免費下載，當然這些工具都提供基本的設定選項，像是調整大小、密集程度或圖片格式，就能透過小張圖片拼接成背景，對於速度較慢的行動網路來說也不會因此而延遲網站載入速度。
Colorinspire 推薦絕佳色彩組合，下個專案設計拿來試試吧！
Who Can Use 檢查網頁配色對視力障礙使用者友善程度
全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，網頁內容無障礙指南（Web Content Accessibility Guidelines，WCAG）用於讓網頁可以更容易被訪問，藉由這些原則，讓內容能夠被廣大的身心障礙人士使用，其中涉及到可感知性、可操作性和可理解性等各種層面。