這篇不講 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,就一句話,做不做得出來?