implementing a scalable mobile strategy
DESCRIPTION
Talk about creating and scaling your Web strategy by keeping development reasonable, building and designing once, and properly communicating on your teamTRANSCRIPT
![Page 1: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/1.jpg)
Tim Wright, @csskarma
Wednesday, August 31, 2011
![Page 2: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/2.jpg)
About me.
• BU App Dev
• CSSkarma
• Smashing Magazine & SitePoint
Wednesday, August 31, 2011
![Page 3: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/3.jpg)
What we’ll talk about
• IE 6/7
• Guiding principles
• Proper detection
• Performance
Wednesday, August 31, 2011
![Page 4: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/4.jpg)
The Goal.
scale your mobile strategy.
Wednesday, August 31, 2011
![Page 5: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/5.jpg)
The Goal.
scale your mobile strategy.Web
Wednesday, August 31, 2011
![Page 6: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/6.jpg)
Let’s step back.
Wednesday, August 31, 2011
![Page 7: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/7.jpg)
Why do we hate IE 6/7?
Let’s step back.
Wednesday, August 31, 2011
![Page 8: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/8.jpg)
body { color: red; /* normal */ color: green\9; /* IE8 and below */ *color: yellow; /* IE7 and below */ _color: orange; /* IE6 */}
Let’s step back.
Wednesday, August 31, 2011
![Page 9: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/9.jpg)
<!-‐-‐[if IE]><link href="ie.css" rel="stylesheet" media="all"><![endif]-‐-‐>
<!-‐-‐[if lte IE 7]><link href="ie7.css" rel="stylesheet" media="all"><![endif]-‐-‐>
<!-‐-‐[if lt IE 7]><link href="ie6.css" rel="stylesheet" media="all"><![endif]-‐-‐>
Let’s step back.
Wednesday, August 31, 2011
![Page 10: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/10.jpg)
<!-‐-‐[if lt IE 7 ]> <body class="ie6"> <![endif]-‐-‐>
<!-‐-‐[if IE 7 ]> <body class="ie7"> <![endif]-‐-‐>
<!-‐-‐[if IE 8 ]> <body class="ie8"> <![endif]-‐-‐>
<!-‐-‐[if (gte IE 9)|!(IE)]><!-‐-‐> <body> <!-‐-‐<![endif]-‐-‐>
Let’s step back.
Wednesday, August 31, 2011
![Page 11: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/11.jpg)
For IE.Let’s step back.
HTML
CSS
JS
body element
hacks/conditionals
detection
Wednesday, August 31, 2011
![Page 12: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/12.jpg)
We’re doing it for mobile too...
Let’s step back.
Wednesday, August 31, 2011
![Page 13: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/13.jpg)
example.comm.example.com
Let’s step back.
Wednesday, August 31, 2011
![Page 14: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/14.jpg)
Let’s step back.
HTML
CSS
JS
mobile HTML
mobile CSS
mobile JS
switching
device list
mechanism
Wednesday, August 31, 2011
![Page 15: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/15.jpg)
c’mon, really?
Let’s step back.
Wednesday, August 31, 2011
![Page 16: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/16.jpg)
Guiding principles.
Wednesday, August 31, 2011
![Page 17: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/17.jpg)
Guiding principles.
1
34 2
Wednesday, August 31, 2011
![Page 18: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/18.jpg)
Guiding principles.
1
34
More stuff is harder to manage.
2
Wednesday, August 31, 2011
![Page 19: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/19.jpg)
Guiding principles.
1
34
More stuff is harder to manage.
Build it once, buildit right2
Wednesday, August 31, 2011
![Page 20: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/20.jpg)
Guiding principles.
1
34
More stuff is harder to manage.
Build it once, buildit right
Think & Communicate
2
Wednesday, August 31, 2011
![Page 21: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/21.jpg)
Guiding principles.
1
34
More stuff is harder to manage
Build it once, buildit right
Think & Communicate
Talk aboutsuccess 2
Wednesday, August 31, 2011
![Page 22: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/22.jpg)
1 More stuff is harder to manage
Wednesday, August 31, 2011
![Page 23: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/23.jpg)
1 More stuff is harder to manage
Wednesday, August 31, 2011
![Page 24: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/24.jpg)
1 More stuff is harder to manage
Wednesday, August 31, 2011
![Page 25: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/25.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 26: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/26.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 27: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/27.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 28: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/28.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 29: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/29.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 30: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/30.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 31: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/31.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 32: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/32.jpg)
1 More stuff is harder to manage.
Don’t over think it.
Wednesday, August 31, 2011
![Page 33: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/33.jpg)
1 More stuff is harder to manage
Wednesday, August 31, 2011
![Page 34: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/34.jpg)
1 More stuff is harder to manage. XX
Wednesday, August 31, 2011
![Page 35: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/35.jpg)
1 More stuff is harder to manage. XX
XX X XX X X
Wednesday, August 31, 2011
![Page 36: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/36.jpg)
1 More stuff is harder to manage. XX
XX X XX X X
Wednesday, August 31, 2011
![Page 37: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/37.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 38: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/38.jpg)
1 More stuff is harder to manage.
Good performance-‐ cut down h2p requests-‐ op5mize JS & CSS
Quick access to informa5on
Policy for targe.ng mobile users
Wednesday, August 31, 2011
![Page 39: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/39.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 40: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/40.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 41: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/41.jpg)
1 More stuff is harder to manage.Policy for targe.ng mobile usersGood performance-‐ cut down h2p requests-‐ op5mize JS & CSS
Quick access to informa5on
Wednesday, August 31, 2011
![Page 42: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/42.jpg)
1 More stuff is harder to manage.Policy for targe.ng mobile users
all
Good performance-‐ cut down h2p requests-‐ op5mize JS & CSS
Quick access to informa5on
Wednesday, August 31, 2011
![Page 43: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/43.jpg)
1 More stuff is harder to manage. XX
XX X XX X X
Wednesday, August 31, 2011
![Page 44: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/44.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 45: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/45.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 46: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/46.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 47: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/47.jpg)
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 48: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/48.jpg)
1 More stuff is harder to manage.
this is fun!
Wednesday, August 31, 2011
![Page 49: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/49.jpg)
1 More stuff is harder to manage. this is kinda sucks
:-‐(
fake happiness
Wednesday, August 31, 2011
![Page 50: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/50.jpg)
Solution?
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 51: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/51.jpg)
Solution? have less stuff.
1 More stuff is harder to manage.
Wednesday, August 31, 2011
![Page 52: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/52.jpg)
2 Build it once, build itright.
Wednesday, August 31, 2011
![Page 53: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/53.jpg)
2 Build it once, build itright.
structural layer
Wednesday, August 31, 2011
![Page 54: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/54.jpg)
2 Build it once, build itright.
presentation layer
Wednesday, August 31, 2011
![Page 55: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/55.jpg)
2 Build it once, build itright.
behavior layer
Wednesday, August 31, 2011
![Page 56: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/56.jpg)
2 Build it once, build itright.
progressive enhancement, again?
Wednesday, August 31, 2011
![Page 57: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/57.jpg)
2 Build it once, build itright.
What are we really doing here?
Wednesday, August 31, 2011
![Page 58: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/58.jpg)
2 Build it once, build itright.
vs.
Wednesday, August 31, 2011
![Page 59: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/59.jpg)
2 Build it once, build itright.
Changing the design?
Wednesday, August 31, 2011
![Page 60: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/60.jpg)
2 Build it once, build itright.
CSS
Changing the design?
media queries.
Wednesday, August 31, 2011
![Page 61: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/61.jpg)
2 Build it once, build itright.
Changing the interaction?
Wednesday, August 31, 2011
![Page 62: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/62.jpg)
2 Build it once, build itright.
JS
Changing the interaction?
feature detec5on
Wednesday, August 31, 2011
![Page 63: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/63.jpg)
2 Build it once, build itright.
A combina5on of media queries & JS feature detection
Wednesday, August 31, 2011
![Page 64: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/64.jpg)
modernizr.script loaders.
native detection
2 Build it once, build itright.
Wednesday, August 31, 2011
![Page 65: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/65.jpg)
What about performance?
2 Build it once, build itright.
Wednesday, August 31, 2011
![Page 66: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/66.jpg)
Performance always matters.
2 Build it once, build itright.
Wednesday, August 31, 2011
![Page 67: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/67.jpg)
be2er communica5on = be2er performance
2 Build it once, build itright.
Wednesday, August 31, 2011
![Page 68: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/68.jpg)
3 Think & Communicate
Wednesday, August 31, 2011
![Page 69: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/69.jpg)
Don’t solve back-end problems with JavaScript
3 Think & Communicate
Wednesday, August 31, 2011
![Page 70: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/70.jpg)
10 jQuery plugins in a cms does not necessitate a Web strategy
3 Think & Communicate
Wednesday, August 31, 2011
![Page 71: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/71.jpg)
slideshows.
3 Think & Communicate
Wednesday, August 31, 2011
![Page 72: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/72.jpg)
3 Think & Communicate
alumni.usc.edu
Wednesday, August 31, 2011
![Page 73: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/73.jpg)
3 Think & Communicate
Wednesday, August 31, 2011
![Page 74: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/74.jpg)
3 Think & Communicate
well, there’s your problem
Wednesday, August 31, 2011
![Page 75: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/75.jpg)
3 Think & Communicate
data (images)
only display what you need
server-‐sidefallback
ajax call
Wednesday, August 31, 2011
![Page 76: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/76.jpg)
Don’t solve front-end problems with PHP
3 Think & Communicate
Wednesday, August 31, 2011
![Page 77: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/77.jpg)
3 Think & Communicate
detection.
Wednesday, August 31, 2011
![Page 78: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/78.jpg)
user agent detection
3 Think & Communicate
Wednesday, August 31, 2011
![Page 79: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/79.jpg)
feature detection
3 Think & Communicate
Wednesday, August 31, 2011
![Page 80: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/80.jpg)
Ask yourself somequestions...
3 Think & Communicate
Wednesday, August 31, 2011
![Page 81: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/81.jpg)
What is mobile about this site?
3 Think & Communicate
Wednesday, August 31, 2011
![Page 82: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/82.jpg)
3 Think & Communicate
vs.
Wednesday, August 31, 2011
![Page 83: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/83.jpg)
Why would I remove content?
3 Think & Communicate
Wednesday, August 31, 2011
![Page 84: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/84.jpg)
3 More stuff is harder to manage. XX
XX X XX X X
Wednesday, August 31, 2011
![Page 85: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/85.jpg)
Nobody wants to look at useless content.
3 Think & Communicate
Wednesday, August 31, 2011
![Page 86: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/86.jpg)
Why is this performing poorly?
3 Think & Communicate
Wednesday, August 31, 2011
![Page 87: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/87.jpg)
plugins.jQuery loops.http requests.
3 Think & Communicate
Wednesday, August 31, 2011
![Page 88: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/88.jpg)
solution?
3 Think & Communicate
Wednesday, August 31, 2011
![Page 89: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/89.jpg)
solution? talk to people.
3 Think & Communicate
Wednesday, August 31, 2011
![Page 90: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/90.jpg)
4 Talk about yoursuccess
Wednesday, August 31, 2011
![Page 91: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/91.jpg)
4 Talk about yoursuccess
... educate aboutyour failures.
Wednesday, August 31, 2011
![Page 92: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/92.jpg)
4 Talk about your success
Wednesday, August 31, 2011
![Page 93: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/93.jpg)
4 Talk about your success
Best mobile Web site of
2011 by edustyle.net
Wednesday, August 31, 2011
![Page 94: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/94.jpg)
4 Talk about your success
Best mobile Web site of
2011 by edustyle.net
Wednesday, August 31, 2011
![Page 95: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/95.jpg)
4 Talk about your success
Best mobile Web site of 2011 by edustyle.net
Wednesday, August 31, 2011
![Page 96: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/96.jpg)
4 Talk about yoursuccess
m. vs. /mdetection (presto engine)switching mechanismcookies?double designdouble development
Wednesday, August 31, 2011
![Page 97: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/97.jpg)
What we talked about
• IE 6/7
• Guiding principles
• Feature detection
• Performance
Wednesday, August 31, 2011
![Page 98: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/98.jpg)
Hang some
?’son the strategy
Wednesday, August 31, 2011
![Page 99: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/99.jpg)
Questions?
Wednesday, August 31, 2011
![Page 100: Implementing a Scalable Mobile Strategy](https://reader033.vdocuments.mx/reader033/viewer/2022051819/54c90f8e4a7959e2278b45dc/html5/thumbnails/100.jpg)
twitter: @csskarmae-mail: [email protected]: csskarma.com
Contact
h2p://bit.ly/sxsw-‐csskarma
Wednesday, August 31, 2011