行動版網頁不就是把網頁縮小而已嗎?
這篇不講 coding 技巧，不講用 SASS 要怎麼寫，不講 Bootstrap 要怎麼用，不講各種 framework 怎樣達成 RWD 的原理。只是一份講行動版網站與做一般網站有何差異的概覽。
看不到資料的話請點此 行動版網頁不就是把網頁縮小而已嗎? //Speaker Deck
本簡報適合瀏覽對象:
– 覺得行動版網頁只是把網頁縮小而已，沒什麼的人
– 為了學 RWD 還花錢跑去上課的人
– 不知道設計行動版網站有什麼眉角的初學者
– 被指派做行動版網站，不知從何開始的菜鳥美工
本文摘要:
RWD(Responsive Web Design)技術概論與行動網頁設計注意事項
– 基本心法1 – 流動布局
–
– 判斷使用者
– 基本心法2 –Media Query
– Media Query & Media Type
– Media Query – device-pixel-ratio
– 掌握解析度-慎選 Breakpoint
– Table 如何 RWD
– 選單如何 RWD
– 行動裝置上的網頁動畫
– 圖片也要RWD
– 圖示也要RWD
– 嵌入多媒體也要 RWD
– 設定Flash替代內容
– 表單準備好了嗎?
– 按鈕準備好了嗎?
– 網頁原本用的Plugins準備好了嗎?
– 文書人員上資料時要小心
– 測試工具
以現實來說，
企業主真的有在乎他的客戶會用手機來看他們的網站嗎?
設計理念什麼的都是 bullshit，
只願意花30元吃滷肉飯的客人，還要講求健康純天然、服務品質、賓至如歸?
以大局來說，
東西有多難做什麼的沒人會care，就一句話，做不做得出來?