多平臺開發 · 前端開發者手冊

## 多平臺開發 ![multi-things-dev](https://raw.githubusercontent.com/dwqs/fedHandlebook/master/images/things.jpg) 一個網站或應用不僅能運行在各種臺式機, 筆記本電腦, 平板和手機, 還能運行于少部分其它設備(手表, 溫控器, 電冰箱等等). 你將怎么決定支持哪些平臺和為支持這些平臺, 怎么去開發, 這被稱為多平臺開發策略. 接下來, 我會列出常見的多平臺開發策略: * 創建 [響應式 Web 設計](https://en.wikipedia.org/wiki/Responsive_web_design) (RWD) 網站/APP * 創建 [RESS](http://www.lukew.com/ff/entry.asp?1392) (基于服務端組件的響應式 Web 設計) 網站/APP * 創建 [自適應/漸進增強地](https://en.wikipedia.org/wiki/Adaptive_web_design) 網站/APP * 對每一個或每一組平臺建立一套網站, Web 應用, 本地應用或混合應用 * 嘗試修改你用策略1, 策略2或策略創建的應用. 這可能和點綴與屏幕大小無關的部分 UI 一樣簡單, 也可以試圖完全支持其他平臺與整個 UI. **入門學習:** <ul> <li><a href="http://adaptivewebdesign.info/" target="_blank">Adaptive Web Design</a> [read][$]</li> <li><a href="https://www.filamentgroup.com/dwpe/" target="_blank">Designing with progressive enhancement</a> [read][$]</li> <li><a href="Responsive%20Typography">Responsive Typography</a> [watch][$]</li> <li><a href="https://frontendmasters.com/courses/responsive-web-design/" target="_blank">Responsive Web Design</a> [watch][$]</li> <li><a href="https://frontendmasters.com/courses/responsive-email/" target="_blank">Responsive HTML Email Design</a> [watch][$]</li> <li><a href="http://www.amazon.com/Designing-Multi-Device-Experiences-Ecosystem-Approach/dp/1449340385/ref=pd_sim_14_8" target="_blank">Designing Multi-Device Experiences: An Ecosystem Approach to User Experiences across Devices</a> [read][$]</li> <li><a href="https://www.udacity.com/courses/web-development" target="_blank">Responsive Web Design Fundamentals</a> [watch]</li> <li><a href="https://www.udacity.com/course/responsive-images--ud882" target="_blank">Responsive Images</a> [watch]</li> <li><a href="https://www.udacity.com/course/mobile-web-development--cs256" target="_blank">Mobile Web Development</a> [watch]</li> </ul>