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

平板时代——嗷嗷

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
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.9k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
2
35k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
260
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
3.2k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
950
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
290
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.2k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
650
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
740
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
900
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k

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