平板时代——嗷嗷

Transcript

1. 平板时代 S01E01
2. S01E01
3. % 2 2
4. iPad
5. ⼀一个坑爹的时代！ Pad x
6. WebKit ⼀一统江湖
8. ｛ ｛ iOS WebKit 4 5 6 Android...
9. iOS 6 27% iOS 5.1 57% iOS 5.0 10% iOS 4.3 6%
10. 操作习惯
11. MouseOver 拆 TouchEvent
12. ⼿手势、多点触摸
13. Click 拆 Tap
14. 16px 16px 44px 44px
15. 7mm ~ 10mm
16. PPI 像素密度 每英⼨寸距离的图像包含的像素数⺫⽬目 iPad (132 / 264) iPhone1~3 ipad mini (163) iPhone 4~5 (326)
18. Retina Display
19. Image@2x
20. canvas@1x
21. CSS fonts ux.etao.com/fonts
22. 1024 x 768 1280 x 800 1024 x 600 窗口大小
23. 窗⼝口⼤大⼩小 768 x 1024
24. 响应式设计
25. width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no <meta content=" " name="viewport" />
26. width= 1024 " name="viewport" /> <meta content="
27. mediaqueri.es
28. wiki.ued.taobao.net/doku.php?id=ued.bj:f2e:rd
29. 性能问题
30. 快、流畅
31. zeptojs.com
32. Application Cache
33. 电池 http://www2012.wwwconference.org/ proceedings/proceedings/p41.pdf
34. Demo