Upgrade to Pro — share decks privately, control downloads, hide ads and more …

平板时代——嗷嗷

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for d2forum d2forum
January 04, 2013
850
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.2k
跨终端产品实践
Avatar for d2forum d2forum
12
1.9k
Touching Future—s01-e01
Avatar for d2forum d2forum
2
920
KissyCake
Avatar for d2forum d2forum
3
790
贡献标准.s01.e02
Avatar for d2forum d2forum
3
1.3k
一淘响应式设计实践
Avatar for d2forum d2forum
10
980
响应式web设计与实现介绍
Avatar for d2forum d2forum
8
820
定制版设计开发vs响应式设计开发
Avatar for d2forum d2forum
0
190

Featured

See All Featured
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
740
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
303
52k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
510
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
900
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
530
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.2k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
980
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.6k

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