Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

平板时代——嗷嗷

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for d2forum d2forum
January 04, 2013
900
4

 平板时代——嗷嗷

Avatar for d2forum

d2forum

January 04, 2013

More Decks by d2forum

See All by d2forum
TMS的PHP特性
Avatar for d2forum d2forum
0
1.6k
Leap Motion体感实战
Avatar for d2forum d2forum
0
1.3k
跨终端产品实践
Avatar for d2forum d2forum
12
2k
Touching Future—s01-e01
Avatar for d2forum d2forum
2
970
KissyCake
Avatar for d2forum d2forum
3
870
贡献标准.s01.e02
Avatar for d2forum d2forum
3
1.4k
一淘响应式设计实践
Avatar for d2forum d2forum
10
1.1k
响应式web设计与实现介绍
Avatar for d2forum d2forum
8
900
定制版设计开发vs响应式设计开发
Avatar for d2forum d2forum
0
260

Featured

See All Featured
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
40k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
540
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
510
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.9k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
409
67k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.8k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
PRO
92
590k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
18k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
59k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
920
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
610

Transcript

  1. 平板时代 S01E01

  2. S01E01

  3. % 2 2

  4. iPad

  5. ⼀一个坑爹的时代！ Pad x

  6. WebKit ⼀一统江湖

  7. None

  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)
  17. None

  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

  35. None