Embed Responsively 讓 YouTube、Google Maps 嵌入代碼支援自適應設計
當前網頁設計趨勢是使用「自適應網頁設計」（Responsive web design，RWD）技術，讓網頁可隨著不同螢幕大小自動調整…
自適應設計
閱讀全文Embed Responsively 讓 YouTube、Google Maps 嵌入代碼支援自適應設計
使用 Chrome 內建工具製作網頁長截圖，擷取網站畫面免安裝下載外掛
幾個月前介紹過「Firefox Screenshots」免費網頁擷圖工具，也是火狐瀏覽器 Firefox 內建的快速拍照、分享螢幕功能，…
Responsive Screenshots 輸入網址查看網站在電腦及行動裝置顯示情形
記得幾年前架設 WordPress 網站時，會透過行動版外掛功能來打造更適合手機或平板電腦閱讀的環境，這個作法通常是將手…
Sizzy 線上測試自適應設計 RWD 在各種 iOS、Android 行動裝置顯示效果
這幾年台灣行動裝置普及率已經非常高，幾乎可以說人手一機，無論是連接社群網站、即時通訊應用或上網查資料可能都會…
PrelaunchPage 快速建立產品上線前預告網頁，整合 Email 功能收集潛在用戶名單
如果喜歡嘗試各種新服務、新軟體，一定對產品介紹網頁不陌生，通常在對外開放前會有一段封閉測試期，除了為產品上線…
Launchaco Website Builder 快速建立免費、自適應設計產品官方網站
設計一個產品網站要花多少錢？五萬或十萬？這對新創公司來說都是一筆開支，至少在草創初期沒有充裕資金時要更謹慎，…
Google 推出免費工具 Resizer 測試網站在電腦、平板電腦及手機顯示效果
去年 Google Design 網站釋出一系列 Material Icons 免費圖示集，提供超過 900 個以上平面設計素材，讓開發者在…
Responsive Web Design Tester 響應式網頁開發工具，在瀏覽器測試網站顯示效果
當今開發網站不僅要顧及不同瀏覽器，還要同時滿足在電腦、平板電腦及行動裝置各種尺寸螢幕都能正確顯示，最常用的技…
Browser Screenshots 微軟線上網頁測試工具，查看網站在不同瀏覽器平台呈現效果（支援 IE 全系列）
開發網站時最不想做的就是在不同瀏覽器、平台和解析度測試網頁顯示效果，通常這會浮現許多問題，尤其瀏覽器版本就可…
HTML5 Zero 免費響應式網頁設計模版、佈景主題和範本下載
想起以前做網站時都是自己從無到有、自行設計網站樣式，後來使用 WordPress 架站後就有許多免費佈景主題可以選擇，套…
