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
950
响应式web设计与实现介绍
d2forum
8
790
定制版设计开发vs响应式设计开发
d2forum
0
170
Featured
See All Featured
BBQ
matthewcrist
85
9.4k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Making Projects Easy
brettharned
116
5.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.2k
Into the Great Unknown - MozCon
thekraken
33
1.5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Why Our Code Smells
bkeepers
PRO
335
57k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.1k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Practical Orchestrator
shlominoach
186
10k
We Have a Design System, Now What?
morganepeng
51
7.3k
Automating Front-end Workflow
addyosmani
1366
200k
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