Penser (Mobile) Contenu

PenserMobileContenuSudWeb 2011 Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

@karlpro Karl Dubost Opera Software Developer Relations Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

Diversitématérielle Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

Ne rien faireou liquid Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

www. m. Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

viewport!= device Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

1024px 320px 980px Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

1024px 320px 980px ! ! Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

viewport <meta name="viewport" content="width=device-width"> Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

viewport @viewport { width: device-width} !"#$% http://dev.w3.org/csswg/css-device-adapt/ Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

mediaqueries body {// basic styles} @media screen and (max-width: 600px) { body {// extra styles for mobile}} Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

320pxThink Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

mediaqueries body {// basic styles} @media all and (max-width: 600px) { body {// extra styles for mobile}} @media all and (min-width: 600px) { body {// extra styles for desktop}} Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

Ceci nest pasun pixelDEV.OPERA.COMAn introduction tometa viewportand @viewport Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

viewport@media screen and (-o-min-device-pixel-ratio: 3/2) { //rules } !"#$% http://dev.w3.org/csswg/css-device-adapt/ Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

Opera Mobile Emulatorhttp://goo.gl/O9TWQ Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

#SNIFFREALITY Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

#SNIFFKILL Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

SimplicitéContenu Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

Think mobile ﬁrstComment ceciest plus utilisablesur desktop aussi Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

Karl Dubost@karlpromy.opera.com/karlcowquestions? Think Mobile First, Then Enhance - Karl Dubost - http://my.opera.com/karlcow

Penser (Mobile) Contenu

by Karl Dubost

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 24

Statistics

Penser (Mobile) Contenu Presentation Transcript

http://lanyrd.com	22
http://twitter.com	2