Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie 无线开发你需要知道的那些事儿
Ähnlich wie 无线开发你需要知道的那些事儿 (12)
无线开发你需要知道的那些事儿
- 2. 你需要知道 • viewport • DPI • WebApp • mobile js library/framework • UI • ... 12年6月15日星期五
- 14. 使用meta标签修改viewport <meta name="viewport" content="width=device-width, initial-scale:1.0" /> • iPhone/iPod touch：320 x 480 • iPad: 1024 x 768 • android: 视设备而定 12年6月15日星期五
- 15. 12年6月15日星期五
- 17. DPI 12年6月15日星期五
- 18. DPI吗？应该是PPI • • 12年6月15日星期五 DPI: Dot Per Inch PPI: Pixel Per Inch
- 19. 部分iOS设备的PPI 400 326 300 264 200 100 0 12年6月15日星期五 132 iPad/iPad 2 164 iPhone 3GS The New iPad iPhone 4
- 21. 12年6月15日星期五
- 22. 12年6月15日星期五
- 23. 12年6月15日星期五
- 29. 怎么解决？ • 不处理，就那样了（绝大多数站点） • 根据设备修改显示比例或dpi密度，准备2 套资源和样式（我们） • 保持设备显示比例、dpi密度不变，仅处 理图片（Google Map、Bing） 12年6月15日星期五
- 34. 如何知道系统的PPI？ window.devicePixelRatio • iPhone 3：1.0 • iPhone 4：2.0 • android(high ppi)：1.5 • android(medium ppi)：1.0 • android(low ppi)：0.75 12年6月15日星期五
- 37. WebApp特征 • great user experience • rich visual experiences • tight focus 12年6月15日星期五
- 38. • 快捷方式图标 • 全屏幕方式展示 • 启动界面 12年6月15日星期五
- 39. • 快捷方式图标 • 全屏幕方式展示 • 启动界面 12年6月15日星期五 都是通过 meta标签 来实现
- 40. 移动开发框架 • 支持触屏 • 跨平台 • 轻量级 • 使用HTML5标准 12年6月15日星期五
- 41. 移动开发框架 • jQuery Mobile • zepto • XUI • Sencha • ... 12年6月15日星期五
- 42. 如何与设备通信 • iPhone URL Scheme • https://developer.apple.com/library/ios/ featuredarticles/ iPhoneURLScheme_Reference/ iPhoneURLScheme_Reference.pdf 12年6月15日星期五
- 43. What is HybridApp？ • 利用前端技术开发客户端程序 • 框架支持 • PhoneGap • Titanium • BDHybrid 12年6月15日星期五
- 44. UI元素 12年6月15日星期五
- 49. 你要做到... • 选择适当的字号、字体和行间距 • HybridApp保持和Native尽可能⼀一致效果 • 要用真实的设备去体验 12年6月15日星期五
- 50. 你要做到... • 选择适当的字号、字体和行间距 • HybridApp保持和Native尽可能⼀一致效果 • 要用真实的设备去体验 • 提升眼睛的分辨率 12年6月15日星期五
- 51. 你要做到... • 选择适当的字号、字体和行间距 • HybridApp保持和Native尽可能⼀一致效果 • 要用真实的设备去体验 • 提升眼睛的分辨率 • 具备⼀一些基本的设计常识 12年6月15日星期五
- 52. 12年6月15日星期五
- 55. Every element of your app has to be tapworthy. 12年6月15日星期五
- 56. 12年6月15日星期五
- 60. WebApp指南 • http://developer.android.com/guide/ webapps/index.html • https://developer.apple.com/library/ios/ #DOCUMENTATION/AppleApplications/ Reference/SafariWebContent/Introduction/ Introduction.html • http://www.html5rocks.com/ webappfieldguide/toc/index/ 12年6月15日星期五
- 68. Q&A 12年6月15日星期五