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
860
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
1.9k
Touching Future—s01-e01
Avatar for d2forum d2forum
2
920
KissyCake
Avatar for d2forum d2forum
3
800
贡献标准.s01.e02
Avatar for d2forum d2forum
3
1.3k
一淘响应式设计实践
Avatar for d2forum d2forum
10
1k
响应式web设计与实现介绍
Avatar for d2forum d2forum
8
840
定制版设计开发vs响应式设计开发
Avatar for d2forum d2forum
0
200

Featured

See All Featured
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
200
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
850
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.7k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
160
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
290
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
71
40k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
210
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
390
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4k

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