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
880
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
960
KissyCake
Avatar for d2forum d2forum
3
850
贡献标准.s01.e02
Avatar for d2forum d2forum
3
1.4k
一淘响应式设计实践
Avatar for d2forum d2forum
10
1k
响应式web设计与实现介绍
Avatar for d2forum d2forum
8
880
定制版设计开发vs响应式设计开发
Avatar for d2forum d2forum
0
250

Featured

See All Featured
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.6k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
1
480
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
3.2k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
290
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
58k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
350
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k

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