多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 多平台开发 ![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>