Talk about creating and scaling your Web strategy by keeping development reasonable, building and designing once, and properly communicating on your team
18. Guiding principles.
1
More
stuff
is
harder
to
manage.
4 2
3
Wednesday, August 31, 2011
19. Guiding principles.
1
More
stuff
is
harder
to
manage.
4 2 Build
it
once,
build
it
right
3
Wednesday, August 31, 2011
20. Guiding principles.
1
More
stuff
is
harder
to
manage.
4 2 Build
it
once,
build
it
right
3 Think
&
Communicate
Wednesday, August 31, 2011
21. Guiding principles.
1 More
stuff
is
harder
to
manage
4 Talk
about
success
2 Build
it
once,
build
it
right
3 Think
&
Communicate
Wednesday, August 31, 2011
22. 1 More
stuff
is
harder
to
manage
Wednesday, August 31, 2011
23. 1 More
stuff
is
harder
to
manage
Wednesday, August 31, 2011
24. 1 More
stuff
is
harder
to
manage
Wednesday, August 31, 2011
25. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
26. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
27. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
28. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
29. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
30. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
31. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
32. 1 More
stuff
is
harder
to
manage. think it.
Don’t over
Wednesday, August 31, 2011
33. 1 More
stuff
is
harder
to
manage
Wednesday, August 31, 2011
34. 1 XX
More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
35. 1 XX
More
stuff
is
harder
to
manage.
X
X XX
X XX
Wednesday, August 31, 2011
36. 1 XX
More
stuff
is
harder
to
manage.
X
X XX
X XX
Wednesday, August 31, 2011
37. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
38. 1 More
stuff
is
harder
to
manage.
Policy
for
targe.ng
mobile
users
Good
performance
-‐
cut
down
h2p
requests
-‐
op5mize
JS
&
CSS
Quick
access
to
informa5on
Wednesday, August 31, 2011
39. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
40. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
41. 1 More
stuff
is
harder
to
manage.
Policy
for
targe.ng
mobile
users
Good
performance
-‐
cut
down
h2p
requests
-‐
op5mize
JS
&
CSS
Quick
access
to
informa5on
Wednesday, August 31, 2011
42. 1 More
stuff
is
harder
to
manage.
all
Policy
for
targe.ng
mobile
users
Good
performance
-‐
cut
down
h2p
requests
-‐
op5mize
JS
&
CSS
Quick
access
to
informa5on
Wednesday, August 31, 2011
43. 1 XX
More
stuff
is
harder
to
manage.
X
X XX
X XX
Wednesday, August 31, 2011
44. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
45. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
46. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
47. 1 More
stuff
is
harder
to
manage.
Wednesday, August 31, 2011
48. 1 More
stuff
is
harder
to
manage. this
is
fun!
Wednesday, August 31, 2011
49. 1 More
stuff
is
harder
to
manage. this
is
kinda
sucks
:-‐(
fake
happiness
Wednesday, August 31, 2011
50. 1 More
stuff
is
harder
to
manage.
Solution?
Wednesday, August 31, 2011
51. 1 More
stuff
is
harder
to
manage.
Solution?
have
less
stuff.
Wednesday, August 31, 2011
52. 2 Build
it
once,
build
it
right.
Wednesday, August 31, 2011
53. 2 Build
it
once,
build
it
right.
structural
layer
Wednesday, August 31, 2011
54. 2 Build
it
once,
build
it
right.
presentation
layer
Wednesday, August 31, 2011
55. 2 Build
it
once,
build
it
right.
behavior
layer
Wednesday, August 31, 2011
56. 2 Build
it
once,
build
it
right.
progressive enhancement,
again?
Wednesday, August 31, 2011
57. 2 Build
it
once,
build
it
right.
What
are
we
really
doing
here?
Wednesday, August 31, 2011
58. 2 Build
it
once,
build
it
right.
vs.
Wednesday, August 31, 2011
59. 2 Build
it
once,
build
it
right.
Changing
the
design?
Wednesday, August 31, 2011
60. 2 Build
it
once,
build
it
right.
Changing
the
design?
CSS
media
queries.
Wednesday, August 31, 2011
61. 2 Build
it
once,
build
it
right.
Changing
the
interaction?
Wednesday, August 31, 2011
62. 2 Build
it
once,
build
it
right.
Changing
the
interaction?
JS
feature
detec5on
Wednesday, August 31, 2011
63. 2 Build
it
once,
build
it
right.
A
combina5on
of
media queries
&
JS feature detection
Wednesday, August 31, 2011
64. 2 Build
it
once,
build
it
right.
modernizr.
script
loaders.
native
detection
Wednesday, August 31, 2011
65. 2 Build
it
once,
build
it
right.
What
about
performance?
Wednesday, August 31, 2011
66. 2 Build
it
once,
build
it
right.
Performance always
matters.
Wednesday, August 31, 2011
67. 2 Build
it
once,
build
it
right.
be2er
communica5on
=
be2er
performance
Wednesday, August 31, 2011
68. 3 Think
&
Communicate
Wednesday, August 31, 2011
69. 3 Think
&
Communicate
Don’t
solve
back-end
problems
with
JavaScript
Wednesday, August 31, 2011
70. 3 Think
&
Communicate
10
jQuery
plugins
in
a
cms
does
not
necessitate
a
Web
strategy
Wednesday, August 31, 2011
71. 3 Think
&
Communicate
slideshows.
Wednesday, August 31, 2011
72. 3 Think
&
Communicate
alumni.usc.edu
Wednesday, August 31, 2011
73. 3 Think
&
Communicate
Wednesday, August 31, 2011
74. 3 Think
&
Communicate
well,
there’s
your
problem
Wednesday, August 31, 2011
75. 3 Think
&
Communicate
data
(images)
server-‐side
fallback
ajax
call
only
display
what
you
need
Wednesday, August 31, 2011
76. 3 Think
&
Communicate
Don’t
solve
front-end
problems
with
PHP
Wednesday, August 31, 2011
77. 3 Think
&
Communicate
detection.
Wednesday, August 31, 2011
78. 3 Think
&
Communicate
user agent
detection
Wednesday, August 31, 2011
88. 3 Think
&
Communicate
solution?
Wednesday, August 31, 2011
89. 3 Think
&
Communicate
solution?
talk
to
people.
Wednesday, August 31, 2011
90. 4 Talk
about
your
success
Wednesday, August 31, 2011
91. 4 Talk
about
your
success
...
educate
about
your
failures.
Wednesday, August 31, 2011
92. 4 Talk
about
your
success
Wednesday, August 31, 2011
93. 4Bestbout
your
Talk
a
Web site of
success
mobile
2011 by
edustyle.net
Wednesday, August 31, 2011
94. 4Bestbout
your
Talk
a
Web site of
success
mobile
2011 by
edustyle.net
Wednesday, August 31, 2011
95. 4 Talk
about
your
success
Best mobile Web site of 2011 by
edustyle.net
Wednesday, August 31, 2011
96. 4 Talk
about
your
success
m. vs. /m
detection (presto engine)
switching mechanism
cookies?
double design
double development
Wednesday, August 31, 2011
97. What we talked about
• IE
6/7
• Guiding
principles
• Feature
detection
• Performance
Wednesday, August 31, 2011
98. Hang
some
?’s
on
the
strategy
Wednesday, August 31, 2011