Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
平板时代——嗷嗷
Search
d2forum
January 04, 2013
4
840
平板时代——嗷嗷
d2forum
January 04, 2013
Tweet
Share
More Decks by d2forum
See All by d2forum
TMS的PHP特性
d2forum
0
1.6k
Leap Motion体感实战
d2forum
0
1.2k
跨终端产品实践
d2forum
12
1.9k
Touching Future—s01-e01
d2forum
2
890
KissyCake
d2forum
3
750
贡献标准.s01.e02
d2forum
3
1.3k
一淘响应式设计实践
d2forum
10
960
响应式web设计与实现介绍
d2forum
8
790
定制版设计开发vs响应式设计开发
d2forum
0
170
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
74
9.2k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
How to Ace a Technical Interview
jacobian
276
23k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Optimizing for Happiness
mojombo
376
70k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Why Our Code Smells
bkeepers
PRO
336
57k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Site-Speed That Sticks
csswizardry
4
410
How to train your dragon (web standard)
notwaldorf
91
5.9k
Facilitating Awesome Meetings
lara
52
6.2k
Transcript
平板时代 S01E01
S01E01
% 2 2
iPad
⼀一个坑爹的时代! Pad x
WebKit ⼀一统江湖
None
{ { iOS WebKit 4 5 6 Android...
iOS 6 27% iOS 5.1 57% iOS 5.0 10% iOS
4.3 6%
操作习惯
MouseOver 拆 TouchEvent
⼿手势、多点触摸
Click 拆 Tap
16px 16px 44px 44px
7mm ~ 10mm
PPI 像素密度 每英⼨寸距离的图像包含的像素数⺫⽬目 iPad (132 / 264) iPhone1~3 ipad mini
(163) iPhone 4~5 (326)
None
Retina Display
Image@2x
canvas@1x
CSS fonts ux.etao.com/fonts
1024 x 768 1280 x 800 1024 x 600 窗口大小
窗⼝口⼤大⼩小 768 x 1024
响应式设计
width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no <meta content=" " name="viewport" />
width= 1024 " name="viewport" /> <meta content="
mediaqueri.es
wiki.ued.taobao.net/doku.php?id=ued.bj:f2e:rd
性能问题
快、流畅
zeptojs.com
Application Cache
电池 http://www2012.wwwconference.org/ proceedings/proceedings/p41.pdf
Demo
None