這幾年台灣行動裝置普及率已經非常高，幾乎可以說人手一機，無論是連接社群網站、即時通訊應用或上網查資料可能都會透過手機或平板電腦。對於網站管理者而言，你絕不能輕忽行動裝置使用者為網站帶來的流量。Google 很早以前就告訴你，必須重視行動用戶體驗，從「Google 幫你測試網站是否對行動裝置友善，三項評比指標提供最佳化指南」一文介紹的工具即可快速測試你的網站能否符合當前趨勢。
解析度
Google 推出免費工具 Resizer 測試網站在電腦、平板電腦及手機顯示效果
去年 Google Design 網站釋出一系列 Material Icons 免費圖示集，提供超過 900 個以上平面設計素材，讓開發者在進行開發時可直接取用精心設計品質優良的圖案。最近 Google 再推出一項免費工具 Resizer ，讓我們在電腦上測試網站於不同裝置解析度的顯示效果，這對於網頁開發者來說是相當實用的技巧，簡單來說，只要輸入網址，即可看到網站在不同畫面大小的顯示樣式。
Responsive Web Design Tester 響應式網頁開發工具，在瀏覽器測試網站顯示效果
當今開發網站不僅要顧及不同瀏覽器，還要同時滿足在電腦、平板電腦及行動裝置各種尺寸螢幕都能正確顯示，最常用的技術是響應式網頁設計（Responsive Web Design, RWD）。技術細節我就不多做介紹，但我想透過本文推薦一款很實用的開發工具，讓你在瀏覽器輕鬆模擬、切換不同裝置類型，協助測試自適應網頁設計是否能正確顯示內容。
閱讀全文 » 關於 Responsive Web Design Tester 響應式網頁開發工具，在瀏覽器測試網站顯示效果
Browser Screenshots 微軟線上網頁測試工具，查看網站在不同瀏覽器平台呈現效果（支援 IE 全系列）
開發網站時最不想做的就是在不同瀏覽器、平台和解析度測試網頁顯示效果，通常這會浮現許多問題，尤其瀏覽器版本就可能讓顯示成效完全不同，也只好盡力維持讓每一種裝置都能正常瀏覽網頁。修改到完全沒有問題必須投入不少時間，我習慣在電腦上安裝不同版本的作業系統進行測試，但遇到 IE 就沒輒了，除非你安裝 XP 或更早的版本才能測試不同的 IE 。如果你覺得這麼做很麻煩，現在只要輸入網址就能建立在不同瀏覽器螢幕的擷取畫面。
閱讀全文 » 關於 Browser Screenshots 微軟線上網頁測試工具，查看網站在不同瀏覽器平台呈現效果（支援 IE 全系列）
Clipchamp 線上影片壓縮轉檔服務，快速為影音檔案瘦身！
如果你有用手機或數位相機拍照錄影的習慣，應該會發現輸出後檔案大小都很可觀，因為現在裝置解析度和畫質都很高，能夠拍攝出更接近真實的效果，但要上傳 YouTube 或傳給好友的話就會比較麻煩，除非先壓縮影片或調整畫質，才能有效減少影片容量。
Multi Screen Test 測試網頁在不同裝置、螢幕解析度顯示效果
近幾年已進入所謂的「多螢時代」，除了電腦外，可能許多人也同時擁有智慧型手機或是平板電腦，為了應付不同的畫面大小需要，網頁開發者也必須適當修改網頁，才能在閱讀時不至於發生問題。目前較為普遍運用的技術為為「自適應網頁設計（Responsive Web Design, 縮寫為 RWD）」，也就是能依照不同解析度的瀏覽裝置，自動調整網頁佈局，進而達到同一版面樣式，但可以在電腦、手機、平板電腦上正確閱讀的效果。