Responsive Screenshots 輸入網址查看網站在電腦及行動裝置顯示情形
記得幾年前架設 WordPress 網站時，會透過行動版外掛功能來打造更適合手機或平板電腦閱讀的環境，這個作法通常是將手機使用者引導至另一個佈景主題，專為行動裝…
自適應設計
閱讀全文Responsive Screenshots 輸入網址查看網站在電腦及行動裝置顯示情形
使用 Chrome 內建工具製作網頁長截圖，擷取網站畫面免安裝下載外掛
幾個月前介紹過「Firefox Screenshots」免費網頁擷圖工具，也是火狐瀏覽器 Firefox 內建的快速拍照、分享螢幕功能，在全新 Firefox Quantum 推出後成…
Embed Responsively 讓 YouTube、Google Maps 嵌入代碼支援自適應設計
當前網頁設計趨勢是使用「自適應網頁設計」（Responsive web design，RWD）技術，讓網頁可隨著不同螢幕大小自動調整排版，而現階段行動裝置相當普及，為了讓每…
ScreenDump 自適應網頁設計測試工具，預覽網站在不同尺寸螢幕顯示效果
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題，都會針對 User Agent 提供不同的頁面版本，例如在手機存取時會直接切換到「行動版」網頁，若以電腦開啟則是…
Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具
免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具，這些服務多半不需要額外下載軟體，輸入網址就能建立網頁截圖，有些還能選擇要用的裝置類型或解析度…
Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
如果要讓行動裝置正常瀏覽網頁，可以另外製作手機版頁面或是透過自適應網頁設計（Responsive Web Design，簡稱 RWD）技術來調整版型，那麼要怎麼知道一個網站有…
Screenshot Tracker 擷取並追蹤網頁長截圖，測試在不同裝置顯示情形
網站開發者經常需要測試網頁在不同裝置、螢幕大小的顯示樣貌，以前會針對行動裝置另外製作一個行動版，現在比較普遍作法是使用響應式網頁設計（Responsive web …
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁，在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示，以往會製作成電腦版和手機版兩種格式，後來多半…
mmm.page 利用拖曳方式就能免費製作個人網站
現今的免費網站空間大多都是提供建站工具，透過所見即所得編輯器直接在瀏覽器上製作網頁，不像早期會給你一個 FTP 空間讓你上傳網頁，也可避免很多程式可能造成…
ILoveAdaptive 線上測試回應式網頁設計在不同裝置呈現效果
現在製作網站、部落格或網路服務時都會考慮到行動裝置用戶，因為智慧型手機已經普及，很多人在工作以外的時間甚至很少使用電腦，讓不同螢幕大小的裝置都能正常…