Tales of Suckage and Awesomeness

Full Frontal 2012 talk on tales of the browser wars.

Transcript

1. TALES OF SUCKAGE AND AWESOMENESS
   Chris Wilson
   @cwilso
   

   View Slide

2. NOT a member of Flock of Seagulls (surprisingly)
   

   View Slide

3. NCSA Mosaic
   

   View Slide

4. non-NCSA Mosaic
   Flickr: rberteig
   

   View Slide

5. NCSA Mosaic
   

   View Slide

6. The bane of getting NCSA Mosaic code written.
   

   View Slide

7. NCSA Mosaic
   

   View Slide

8. Lesson 1
   Freedom to explore
   is a powerful thing.
   

   View Slide

9. Most of the time.
   thisis
   a bad idea.
   

   View Slide

10. Lesson 2
    Structure is a good thing.
    

    View Slide

11. Everyone’s an author
    

    View Slide

12. Lesson 3
    You might want to secure
    that network.
    

    View Slide

13. SPRY, not Spyglass
    

    View Slide

14. 1995 - Joining Microsoft and the IE team
    

    View Slide

15. IE 3.0: Stylish and in pieces
    

    View Slide

16. 
    

    View Slide

17. 
    

    View Slide

18. Lesson 4
    Serendipity is good.
    

    View Slide

19. Lesson 5
    People like flashy stuff.
    

    View Slide

20. Comic Chat
    

    View Slide

21. IE4 - The DHTML era dawns
    

    View Slide

22. DHTML vs dHTML
    %ZOBNJD
    )5.-
    

    View Slide

23. Lesson 6
    Dynamic > static.
    

    View Slide

24. The Web as universal platform
    [Netscape will] reduce Windows to a
    set of poorly debugged device drivers.”
    -Marc Andreessen, 1995
    “
    

    View Slide

25. Lesson 7
    You don’t always get to
    be the one to deliver on
    your goals.
    

    View Slide

26. Lesson 8
    IE4 deserved its success.
    

    View Slide

27. Dynamic changes
    hasLayout
    

    View Slide

28. Compatibility becomes a problem
    

    View Slide

29. Lesson 9
    Do it right the first time.
    

    View Slide

30. More serendipity
    XMLHTTPRequest
    

    View Slide

31. IE5.0, 5.5, 6.0 - and the IE hiatus
    More of the same.
    

    View Slide

32. UI Layout - grid and flow
    

    View Slide

33. Lesson 10
    Have clear goals.
    (aka: “Be careful what you
    optimize for.”)
    

    View Slide

34. “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
    

    View Slide

35. The Mash-up Revolution
    

    View Slide

36. Lesson 11
    The whole can be more
    than the sum of the parts.
    

    View Slide

37. IE7
    

    View Slide

38. Web 2.0
    “Web 2.0 isn’t a set of technologies -
    it’s caring about your user experience.”
    -Ben Galbraith, 2006
    

    View Slide

39. Lesson 12
    Care about your user
    experience (more than
    anything else).
    

    View Slide

40. The glorious mobile revolution of the 2000s
    •Responsive,
    engaging experiences
    •Sensors!
    •App Store
    

    View Slide

41. From this...
    

    View Slide

42. To this.
    

    View Slide

43. Choosing A Mobile Device
    “My cell phone now has to be my guitar tuner.”
    -me, 2009
    

    View Slide

44. Meeting the bar - http://phenomnomnominal.github.com/
    

    View Slide

45. 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!
    

    View Slide

46. 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
    

    View Slide

47. Lesson 13
    Integration is key.
    

    View Slide

48. Lesson 14
    Make some magic happen.
    

    View Slide

49. @cwilso
    +Chris Wilson
    cwilso.com
    cwilso@[google.com|gmail.com]
    

    View Slide