TALES OF SUCKAGE AND AWESOMENESS
Chris Wilson
@cwilso
Slide 2
Slide 2 text
NOT a member of Flock of Seagulls (surprisingly)
Slide 3
Slide 3 text
NCSA Mosaic
Slide 4
Slide 4 text
non-NCSA Mosaic
Flickr: rberteig
Slide 5
Slide 5 text
NCSA Mosaic
Slide 6
Slide 6 text
The bane of getting NCSA Mosaic code written.
Slide 7
Slide 7 text
NCSA Mosaic
Slide 8
Slide 8 text
Lesson 1
Freedom to explore
is a powerful thing.
Slide 9
Slide 9 text
Most of the time.
thisis
a bad idea.
Slide 10
Slide 10 text
Lesson 2
Structure is a good thing.
Slide 11
Slide 11 text
Everyone’s an author
Slide 12
Slide 12 text
Lesson 3
You might want to secure
that network.
Slide 13
Slide 13 text
SPRY, not Spyglass
Slide 14
Slide 14 text
1995 - Joining Microsoft and the IE team
Slide 15
Slide 15 text
IE 3.0: Stylish and in pieces
Slide 16
Slide 16 text
Slide 17
Slide 17 text
Slide 18
Slide 18 text
Lesson 4
Serendipity is good.
Slide 19
Slide 19 text
Lesson 5
People like flashy stuff.
Slide 20
Slide 20 text
Comic Chat
Slide 21
Slide 21 text
IE4 - The DHTML era dawns
Slide 22
Slide 22 text
DHTML vs dHTML
%ZOBNJD
)5.-
Slide 23
Slide 23 text
Lesson 6
Dynamic > static.
Slide 24
Slide 24 text
The Web as universal platform
[Netscape will] reduce Windows to a
set of poorly debugged device drivers.”
-Marc Andreessen, 1995
“
Slide 25
Slide 25 text
Lesson 7
You don’t always get to
be the one to deliver on
your goals.
Slide 26
Slide 26 text
Lesson 8
IE4 deserved its success.
Slide 27
Slide 27 text
Dynamic changes
hasLayout
Slide 28
Slide 28 text
Compatibility becomes a problem
Slide 29
Slide 29 text
Lesson 9
Do it right the first time.
Slide 30
Slide 30 text
More serendipity
XMLHTTPRequest
Slide 31
Slide 31 text
IE5.0, 5.5, 6.0 - and the IE hiatus
More of the same.
Slide 32
Slide 32 text
UI Layout - grid and flow
Slide 33
Slide 33 text
Lesson 10
Have clear goals.
(aka: “Be careful what you
optimize for.”)
Slide 34
Slide 34 text
“Now is the time for the medium of the web to outgrow its origins in
the printed page. Not to abandon so much wisdom and experience,
but to also chart its own course, where appropriate.”
- John Allsopp, “A Dao of Web Design” - 2000
Slide 35
Slide 35 text
The Mash-up Revolution
Slide 36
Slide 36 text
Lesson 11
The whole can be more
than the sum of the parts.
Slide 37
Slide 37 text
IE7
Slide 38
Slide 38 text
Web 2.0
“Web 2.0 isn’t a set of technologies -
it’s caring about your user experience.”
-Ben Galbraith, 2006
Slide 39
Slide 39 text
Lesson 12
Care about your user
experience (more than
anything else).
Slide 40
Slide 40 text
The glorious mobile revolution of the 2000s
•Responsive,
engaging experiences
•Sensors!
•App Store
Slide 41
Slide 41 text
From this...
Slide 42
Slide 42 text
To this.
Slide 43
Slide 43 text
Choosing A Mobile Device
“My cell phone now has to be my guitar tuner.”
-me, 2009
Slide 44
Slide 44 text
Meeting the bar - http://phenomnomnominal.github.com/
Slide 45
Slide 45 text
Why didn’t the iPhone = mobile Web explosion?
•None of that cool stuff was exposed in web platform
•No accelerometer, geolocation, audio input, touch
events, ... and a slow JavaScript engine!
•No app store!
Slide 46
Slide 46 text
Access to capabilities in the Web is catching up
•2D/3D graphics, storage, geolocation, integration
into “native OS”, audiovideo IO, touch, ...
•Dive computer is barely still an outlier
Slide 47
Slide 47 text
Lesson 13
Integration is key.
Slide 48
Slide 48 text
Lesson 14
Make some magic happen.
Slide 49
Slide 49 text
@cwilso
+Chris Wilson
cwilso.com
cwilso@[google.com|gmail.com]