SlideShare una empresa de Scribd logo
1 de 56
TALES OF SUCKAGE AND AWESOMENESS
             Chris Wilson
              @cwilso
NOT a member of Flock of Seagulls (surprisingly)
NCSA Mosaic
non-NCSA Mosaic




                  Flickr: rberteig
NCSA Mosaic
The bane of getting NCSA Mosaic code written.
NCSA Mosaic
Lesson 1




           Freedom to explore
           is a powerful thing.
Most of the time.




      <B>this<I>is</B>
      a bad idea.</I>
Lesson 2




 Structure is a good thing.
Everyone’s an author
Lesson 3




 You might want to secure
 that network.
SPRY, not Spyglass
1995 - Joining Microsoft and the IE team
IE 3.0: Stylish and in pieces
<BLINK>
<MARQUEE>
Lesson 4




 Serendipity is good.
Lesson 5




 People like flashy stuff.
Comic Chat
IE4 - The DHTML era dawns
DHTML vs dHTML




          Dynamic
           HTML
Lesson 6




 Dynamic > static.
The Web as universal platform




“ [Netscape will] reduce Windows to a
  set of poorly debugged device drivers.”
   -Marc Andreessen, 1995
Lesson 7


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




 IE4 deserved its success.
Dynamic changes




                  hasLayout
Compatibility becomes a problem
Lesson 9




 Do it right the first time.
More serendipity




            XMLHTTPRequest
IE5.0, 5.5, 6.0 - and the IE hiatus




             More of the same.
UI Layout - grid and flow
Lesson 10




 Have clear goals.
 (aka: “Be careful what you
 optimize for.”)
“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
The Mash-up Revolution
Lesson 11




 The whole can be more
 than the sum of the parts.
IE7
Web 2.0



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




 Care about your user
 experience (more than
 anything else).
The glorious mobile revolution of the 2000s
The glorious mobile revolution of the 2000s
The glorious mobile revolution of the 2000s
The glorious mobile revolution of the 2000s



                                          •Responsive,
                                           engaging experiences

                                          •Sensors!

                                          •App Store
From this...
To this.
Choosing A Mobile Device
Choosing A Mobile Device

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

       “My cell phone now has to be my guitar tuner.”
        -me, 2009
Meeting the bar - http://phenomnomnominal.github.com/
Why didn’t the iPhone = mobile Web explosion?
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!
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!
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
Lesson 13




 Integration is key.
Lesson 14




 Make some magic happen.
@cwilso
+Chris Wilson
cwilso.com
cwilso@[google.com|gmail.com]

Más contenido relacionado

La actualidad más candente

Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Christian Heilmann
 
Build Less, Faster
Build Less, FasterBuild Less, Faster
Build Less, Fasterohellojames
 
The ES6 Conundrum - All Things Open 2015
The ES6 Conundrum - All Things Open 2015The ES6 Conundrum - All Things Open 2015
The ES6 Conundrum - All Things Open 2015Christian Heilmann
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive DesignLiam Richardson
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive DesignNexer Digital
 
Let’s learn how to use JavaScript responsibly and stay up-to-date.
Let’s learn how to use JavaScript responsibly and stay up-to-date. Let’s learn how to use JavaScript responsibly and stay up-to-date.
Let’s learn how to use JavaScript responsibly and stay up-to-date. Christian Heilmann
 
Moore vs. May - everything is faster and better: we can fix that
Moore vs. May - everything is faster and better: we can fix thatMoore vs. May - everything is faster and better: we can fix that
Moore vs. May - everything is faster and better: we can fix thatChristian Heilmann
 
Overboard.js - where are we going with with jsconfasia / devfestasia
Overboard.js - where are we going with with jsconfasia / devfestasiaOverboard.js - where are we going with with jsconfasia / devfestasia
Overboard.js - where are we going with with jsconfasia / devfestasiaChristian Heilmann
 
Bridging the Gap: From WordPress beginner to WordPress Wizard
Bridging the Gap: From WordPress beginner to WordPress WizardBridging the Gap: From WordPress beginner to WordPress Wizard
Bridging the Gap: From WordPress beginner to WordPress WizardMatthew Vaccaro
 
Building Simple Web Apps
Building Simple Web AppsBuilding Simple Web Apps
Building Simple Web Appsdavidlumley
 
Jensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesignJensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesignJen Simmons
 
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105 Can we make es6 the baseline of the “modern web”? - BrazilJS 2105
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105 Christian Heilmann
 
Y U NO focus on details - UX Poland presentation
Y U NO focus on details - UX Poland presentationY U NO focus on details - UX Poland presentation
Y U NO focus on details - UX Poland presentationKrzysztof Piwowar
 
Nmc11 html5 zobrist
Nmc11 html5 zobristNmc11 html5 zobrist
Nmc11 html5 zobristBill Zobrist
 
Build the mobile web you want
Build the mobile web you wantBuild the mobile web you want
Build the mobile web you wantk88hudson
 
Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model (Part 2/3)Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model (Part 2/3)Neeta Goplani
 
How to be a high performing distributed agile team - Melbourne feb 2019
How to be a high performing distributed agile team - Melbourne feb 2019How to be a high performing distributed agile team - Melbourne feb 2019
How to be a high performing distributed agile team - Melbourne feb 2019Lisette Sutherland
 
The 10 Key Rules of Effective Online Copywriting
The 10 Key Rules of Effective Online CopywritingThe 10 Key Rules of Effective Online Copywriting
The 10 Key Rules of Effective Online CopywritingAmanda McCormick
 
Exploring the Cosmos of HTML5 - Camp Festival
Exploring the Cosmos of HTML5 - Camp FestivalExploring the Cosmos of HTML5 - Camp Festival
Exploring the Cosmos of HTML5 - Camp FestivalThomas Lewis
 

La actualidad más candente (20)

Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015Mind the Gap - State of the Browser 2015
Mind the Gap - State of the Browser 2015
 
Build Less, Faster
Build Less, FasterBuild Less, Faster
Build Less, Faster
 
The ES6 Conundrum - All Things Open 2015
The ES6 Conundrum - All Things Open 2015The ES6 Conundrum - All Things Open 2015
The ES6 Conundrum - All Things Open 2015
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive Design
 
An Introduction to Responsive Design
An Introduction to Responsive DesignAn Introduction to Responsive Design
An Introduction to Responsive Design
 
Let’s learn how to use JavaScript responsibly and stay up-to-date.
Let’s learn how to use JavaScript responsibly and stay up-to-date. Let’s learn how to use JavaScript responsibly and stay up-to-date.
Let’s learn how to use JavaScript responsibly and stay up-to-date.
 
Moore vs. May - everything is faster and better: we can fix that
Moore vs. May - everything is faster and better: we can fix thatMoore vs. May - everything is faster and better: we can fix that
Moore vs. May - everything is faster and better: we can fix that
 
Overboard.js - where are we going with with jsconfasia / devfestasia
Overboard.js - where are we going with with jsconfasia / devfestasiaOverboard.js - where are we going with with jsconfasia / devfestasia
Overboard.js - where are we going with with jsconfasia / devfestasia
 
Bridging the Gap: From WordPress beginner to WordPress Wizard
Bridging the Gap: From WordPress beginner to WordPress WizardBridging the Gap: From WordPress beginner to WordPress Wizard
Bridging the Gap: From WordPress beginner to WordPress Wizard
 
Fixing web and JS gaps
Fixing web and JS gapsFixing web and JS gaps
Fixing web and JS gaps
 
Building Simple Web Apps
Building Simple Web AppsBuilding Simple Web Apps
Building Simple Web Apps
 
Jensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesignJensimmons html5live-responsivedesign
Jensimmons html5live-responsivedesign
 
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105 Can we make es6 the baseline of the “modern web”? - BrazilJS 2105
Can we make es6 the baseline of the “modern web”? - BrazilJS 2105
 
Y U NO focus on details - UX Poland presentation
Y U NO focus on details - UX Poland presentationY U NO focus on details - UX Poland presentation
Y U NO focus on details - UX Poland presentation
 
Nmc11 html5 zobrist
Nmc11 html5 zobristNmc11 html5 zobrist
Nmc11 html5 zobrist
 
Build the mobile web you want
Build the mobile web you wantBuild the mobile web you want
Build the mobile web you want
 
Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model (Part 2/3)Responsive Design & Prototyping -- An Agency Model (Part 2/3)
Responsive Design & Prototyping -- An Agency Model (Part 2/3)
 
How to be a high performing distributed agile team - Melbourne feb 2019
How to be a high performing distributed agile team - Melbourne feb 2019How to be a high performing distributed agile team - Melbourne feb 2019
How to be a high performing distributed agile team - Melbourne feb 2019
 
The 10 Key Rules of Effective Online Copywriting
The 10 Key Rules of Effective Online CopywritingThe 10 Key Rules of Effective Online Copywriting
The 10 Key Rules of Effective Online Copywriting
 
Exploring the Cosmos of HTML5 - Camp Festival
Exploring the Cosmos of HTML5 - Camp FestivalExploring the Cosmos of HTML5 - Camp Festival
Exploring the Cosmos of HTML5 - Camp Festival
 

Destacado

Fascinant. . Merci De Diffuser
Fascinant. . Merci De DiffuserFascinant. . Merci De Diffuser
Fascinant. . Merci De Diffuserwestberti71
 
[Carey m. noland]_sex_talk_the_role_of_communicat(book4_you)
[Carey m. noland]_sex_talk_the_role_of_communicat(book4_you)[Carey m. noland]_sex_talk_the_role_of_communicat(book4_you)
[Carey m. noland]_sex_talk_the_role_of_communicat(book4_you)Bui Huong
 
Carla Je Chante Pour Toi M511
Carla Je Chante Pour Toi M511Carla Je Chante Pour Toi M511
Carla Je Chante Pour Toi M511westberti71
 
Kriyathmak anusantaan
Kriyathmak anusantaan Kriyathmak anusantaan
Kriyathmak anusantaan simisanto
 
Sexy factureren Factureringscongres 2012
Sexy factureren Factureringscongres 2012Sexy factureren Factureringscongres 2012
Sexy factureren Factureringscongres 2012Vincent Everts
 
신용대출빠른곳『BU797』.『COM』현대해상보험회사 국내가족여행지
신용대출빠른곳『BU797』.『COM』현대해상보험회사 국내가족여행지신용대출빠른곳『BU797』.『COM』현대해상보험회사 국내가족여행지
신용대출빠른곳『BU797』.『COM』현대해상보험회사 국내가족여행지foskfs
 
The Whore of South London
The Whore of South LondonThe Whore of South London
The Whore of South Londonranaechyka
 
Biserica densus (cl)
Biserica densus (cl)Biserica densus (cl)
Biserica densus (cl)VASILE Viorel
 
Britney spears case study.
Britney spears case study.Britney spears case study.
Britney spears case study.Sonal Rabadia
 
The Hotel By Helen Slater
The  Hotel   By  Helen  SlaterThe  Hotel   By  Helen  Slater
The Hotel By Helen SlaterHelen Slater
 
Un Bain De Lumiere
Un Bain De LumiereUn Bain De Lumiere
Un Bain De Lumierewestberti71
 
Ceva mai mult decat simple fotografii (df)
Ceva mai mult decat simple fotografii (df)Ceva mai mult decat simple fotografii (df)
Ceva mai mult decat simple fotografii (df)VASILE Viorel
 
Worst Photoshop mistakes ever
Worst Photoshop mistakes everWorst Photoshop mistakes ever
Worst Photoshop mistakes everMicAymeric
 

Destacado (20)

Fascinant. . Merci De Diffuser
Fascinant. . Merci De DiffuserFascinant. . Merci De Diffuser
Fascinant. . Merci De Diffuser
 
[Carey m. noland]_sex_talk_the_role_of_communicat(book4_you)
[Carey m. noland]_sex_talk_the_role_of_communicat(book4_you)[Carey m. noland]_sex_talk_the_role_of_communicat(book4_you)
[Carey m. noland]_sex_talk_the_role_of_communicat(book4_you)
 
Jardins
JardinsJardins
Jardins
 
Asta e africa (ab)
Asta e africa (ab)Asta e africa (ab)
Asta e africa (ab)
 
Me!me!me!
Me!me!me!Me!me!me!
Me!me!me!
 
Carla Je Chante Pour Toi M511
Carla Je Chante Pour Toi M511Carla Je Chante Pour Toi M511
Carla Je Chante Pour Toi M511
 
Kriyathmak anusantaan
Kriyathmak anusantaan Kriyathmak anusantaan
Kriyathmak anusantaan
 
Sexy factureren Factureringscongres 2012
Sexy factureren Factureringscongres 2012Sexy factureren Factureringscongres 2012
Sexy factureren Factureringscongres 2012
 
신용대출빠른곳『BU797』.『COM』현대해상보험회사 국내가족여행지
신용대출빠른곳『BU797』.『COM』현대해상보험회사 국내가족여행지신용대출빠른곳『BU797』.『COM』현대해상보험회사 국내가족여행지
신용대출빠른곳『BU797』.『COM』현대해상보험회사 국내가족여행지
 
The Whore of South London
The Whore of South LondonThe Whore of South London
The Whore of South London
 
Biserica densus (cl)
Biserica densus (cl)Biserica densus (cl)
Biserica densus (cl)
 
Britney spears case study.
Britney spears case study.Britney spears case study.
Britney spears case study.
 
Ce au devenit(1)
Ce au devenit(1)Ce au devenit(1)
Ce au devenit(1)
 
The Hotel By Helen Slater
The  Hotel   By  Helen  SlaterThe  Hotel   By  Helen  Slater
The Hotel By Helen Slater
 
Airtel
AirtelAirtel
Airtel
 
Un Bain De Lumiere
Un Bain De LumiereUn Bain De Lumiere
Un Bain De Lumiere
 
Ppt a13c.ppsx
Ppt a13c.ppsxPpt a13c.ppsx
Ppt a13c.ppsx
 
Heimwerker
HeimwerkerHeimwerker
Heimwerker
 
Ceva mai mult decat simple fotografii (df)
Ceva mai mult decat simple fotografii (df)Ceva mai mult decat simple fotografii (df)
Ceva mai mult decat simple fotografii (df)
 
Worst Photoshop mistakes ever
Worst Photoshop mistakes everWorst Photoshop mistakes ever
Worst Photoshop mistakes ever
 

Similar a Tales of Suckage and Awesomeness (Full Frontal 2012)

The convergence of all things (wdu keynote)
The convergence of all things (wdu keynote)The convergence of all things (wdu keynote)
The convergence of all things (wdu keynote)Chris Wilson
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applicationsX.commerce
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileVicke Cheung
 
Smalltalk in the pocket - Building applications for the iPhone
Smalltalk in the pocket - Building applications for the iPhoneSmalltalk in the pocket - Building applications for the iPhone
Smalltalk in the pocket - Building applications for the iPhoneEsteban Lorenzano
 
Do Reinvent the Wheel - Nov 2021 - DigiNext.pdf
Do Reinvent the Wheel - Nov 2021 - DigiNext.pdfDo Reinvent the Wheel - Nov 2021 - DigiNext.pdf
Do Reinvent the Wheel - Nov 2021 - DigiNext.pdfHamidreza Soleimani
 
The Mobile Web - Fronteers 2009
The Mobile Web - Fronteers 2009The Mobile Web - Fronteers 2009
The Mobile Web - Fronteers 2009Peter-Paul Koch
 
Windows Phone Dev Day Bournemouth Presentation
Windows Phone Dev Day Bournemouth PresentationWindows Phone Dev Day Bournemouth Presentation
Windows Phone Dev Day Bournemouth PresentationJames Mundy
 
Why should I care about Responsive Design?
Why should I care about Responsive Design?Why should I care about Responsive Design?
Why should I care about Responsive Design?Fabricio Teixeira
 
Get responsive in 30 minutes (WordCamp Sofia)
Get responsive in 30 minutes (WordCamp Sofia)Get responsive in 30 minutes (WordCamp Sofia)
Get responsive in 30 minutes (WordCamp Sofia)Nickolay Ninarski
 
Beyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyBeyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyinternet-inspired
 
The browser is not a document reader!
The browser is not a document reader!The browser is not a document reader!
The browser is not a document reader!Rachel Nabors
 
Designing Moblin For MIDs (with notes)
Designing Moblin For MIDs (with notes)Designing Moblin For MIDs (with notes)
Designing Moblin For MIDs (with notes)Nick Richards
 
Has it really been 10 years?
Has it really been 10 years?Has it really been 10 years?
Has it really been 10 years?Kim Moir
 
Design Matters: A Mobile UX Manifesto
Design Matters: A Mobile UX ManifestoDesign Matters: A Mobile UX Manifesto
Design Matters: A Mobile UX ManifestoRazorfish
 
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in ActionBill Scott
 
Move Your Silverlight Skills to the Native Web with KnockoutJS
Move Your Silverlight Skills to the Native Web with KnockoutJSMove Your Silverlight Skills to the Native Web with KnockoutJS
Move Your Silverlight Skills to the Native Web with KnockoutJSJudah Himango
 
Symfony Day 2009 - Symfony vs Integrating products
Symfony Day 2009 - Symfony vs Integrating productsSymfony Day 2009 - Symfony vs Integrating products
Symfony Day 2009 - Symfony vs Integrating productsXavier Lacot
 

Similar a Tales of Suckage and Awesomeness (Full Frontal 2012) (20)

The convergence of all things (wdu keynote)
The convergence of all things (wdu keynote)The convergence of all things (wdu keynote)
The convergence of all things (wdu keynote)
 
Doran-C4L2010
Doran-C4L2010Doran-C4L2010
Doran-C4L2010
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applications
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for Mobile
 
Smalltalk in the pocket - Building applications for the iPhone
Smalltalk in the pocket - Building applications for the iPhoneSmalltalk in the pocket - Building applications for the iPhone
Smalltalk in the pocket - Building applications for the iPhone
 
Do Reinvent the Wheel - Nov 2021 - DigiNext.pdf
Do Reinvent the Wheel - Nov 2021 - DigiNext.pdfDo Reinvent the Wheel - Nov 2021 - DigiNext.pdf
Do Reinvent the Wheel - Nov 2021 - DigiNext.pdf
 
Mobile html5 v2
Mobile html5 v2Mobile html5 v2
Mobile html5 v2
 
The Mobile Web - Fronteers 2009
The Mobile Web - Fronteers 2009The Mobile Web - Fronteers 2009
The Mobile Web - Fronteers 2009
 
Windows Phone Dev Day Bournemouth Presentation
Windows Phone Dev Day Bournemouth PresentationWindows Phone Dev Day Bournemouth Presentation
Windows Phone Dev Day Bournemouth Presentation
 
Why should I care about Responsive Design?
Why should I care about Responsive Design?Why should I care about Responsive Design?
Why should I care about Responsive Design?
 
Get responsive in 30 minutes (WordCamp Sofia)
Get responsive in 30 minutes (WordCamp Sofia)Get responsive in 30 minutes (WordCamp Sofia)
Get responsive in 30 minutes (WordCamp Sofia)
 
Beyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyBeyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategy
 
The browser is not a document reader!
The browser is not a document reader!The browser is not a document reader!
The browser is not a document reader!
 
Designing Moblin For MIDs (with notes)
Designing Moblin For MIDs (with notes)Designing Moblin For MIDs (with notes)
Designing Moblin For MIDs (with notes)
 
Has it really been 10 years?
Has it really been 10 years?Has it really been 10 years?
Has it really been 10 years?
 
Design Matters: A Mobile UX Manifesto
Design Matters: A Mobile UX ManifestoDesign Matters: A Mobile UX Manifesto
Design Matters: A Mobile UX Manifesto
 
Wassup with Web 2.0
Wassup with Web 2.0Wassup with Web 2.0
Wassup with Web 2.0
 
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
8 Principles for Enabling Build/Measure/Learn: Lean Engineering in Action
 
Move Your Silverlight Skills to the Native Web with KnockoutJS
Move Your Silverlight Skills to the Native Web with KnockoutJSMove Your Silverlight Skills to the Native Web with KnockoutJS
Move Your Silverlight Skills to the Native Web with KnockoutJS
 
Symfony Day 2009 - Symfony vs Integrating products
Symfony Day 2009 - Symfony vs Integrating productsSymfony Day 2009 - Symfony vs Integrating products
Symfony Day 2009 - Symfony vs Integrating products
 

Último

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 

Último (20)

Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 

Tales of Suckage and Awesomeness (Full Frontal 2012)

Notas del editor

  1. Good afternoon. So I get to give the least technical talk of this deck - it&amp;#x2019;s time to relax a bit, I&amp;#x2019;m not going to teach you any hot new JavaScript techniques if you listen hard enough. This talk is partly future-focused, but a lot of it is the history of the web platform and a bit of the first browser war, from my personal perspective and more interestingly, the lessons I have learned along the way, some painfully. And even though my non-compete agreement with Microsoft expired a year ago, there&amp;#x2019;s not too much MS-bashing.\n\nI&amp;#x2019;ve also never managed a run-thru of this talk in under 40 minutes, so if I talk really fast - that&amp;#x2019;s why.\n\n
  2. As Nick said, \nI&amp;#x2019;ve been working on web stuff since 1993, when I worked on Windows Mosaic at NCSA,... \nThis is me, when I began working on the web platform - this picture was taken at the first web conference ever, the &amp;#x201C;Web Wizards Workshop&amp;#x201D; that OReilly hosted in 1993.\n\nAs I was building this talk, my nearly 8-yo daughter was looking over my shoulder at this picture and said, &amp;#x201C;Daddy, who&amp;#x2019;s THAT?&amp;#x201D; When I told her it was me, she said &amp;#x201C;you look REALLY different&amp;#x201D;, but she wouldn&amp;#x2019;t answer when I asked her if that was a good or bad thing. She&amp;#x2019;s a smart kid.\n\nIn 1993, the idea came up to take the software a couple of guys at NCSA had come up with on X Windows called Mosaic, which accessed Internet content over FTP, gopher, and some new thing a guy in Switzerland had come up with called the world wide web, and used a prototype document language called HTML.\n\n
  3. So I co-wrote the Windows version of NCSA Mosaic - and that is pretty much what happened to the last 19 years of my life.\n\n
  4. This has, by the way, utterly RUINED the word &amp;#x201C;Mosaic&amp;#x201D; for me. I never get a mental image like this when somebody says that word.\n
  5. Keep in mind at this point you didn&amp;#x2019;t even typically have network support for Windows - Windows didn&amp;#x2019;t come with an implementation of TCP/IP - the underlying Internet protocol. You could buy a separate package from a third party that gave you networking; that was usually a hundred bucks or more. Then you had to actually pay for dialup service, which was measured in dollars per minute in those days!\n But at NCSA, we already had our own network stack from our PC telnet work - so we got the network stack running in Windows, and then we built the HTML parsing and rendering stuff, and then Mosaic was up and running. When we put the very first version of Windows Mosaic up on the FTP server, and I remember we were cheering when we saw that we ticked past 1,000 downloads in a week. For contrast, we have 310million active Chrome users - when we ship a new version, once every six weeks or so, we convert about a quarter of our users in the first DAY. That means we&amp;#x2019;re doing that 1000 downloads about every second. Tick.\n \n
  6. But what was really surprising was that the game DOOM came out this same year, and yet we still managed to get work done on Mosaic. We had a massive projector room with a good stereo sound system in our office - a conference room called the Fishbowl.\n
  7. Now I want to underscore that we were college kids, driving this project, with no idea what we were doing. I was leading the PC software tools team, and I was only two years out of university. My team was all grad students and undergraduates. We got to build Mosaic, even though it wasn&amp;#x2019;t part of our original charter, because it was an interesting software tool for education and research - which was NCSA&amp;#x2019;s overall charter. We had a lot of freedom to build tools that would help education - there was, like much of the first dotcom boom, NO business plan behind this. There were, though, some amazing concepts behind this.\n
  8. Not just the freedom to explore DOOM - but the freedom to explore ideas that might seem kinda out there, or unrelated to your core mission. This is one of the many core values that impress me at Google; it&amp;#x2019;s hard to see how self-driving cars directly affect Google&amp;#x2019;s bottom line.\n
  9. That said, freedom to explore is not always a good thing. For some reason, I thought it would be neat to be able to overlap bold and italic tags, so I hacked away at the sanity that was the stack-based parser in Sir Tim&amp;#x2019;s libwww until I could overlap them. I remember going in and showing this to Eric Bina, one of the lead developers on the XWindows Mosaic, and getting a &amp;#x201C;WTF?&amp;#x201D; look from him. To this day, I consider this my worst contribution to the world.\n
  10. \n
  11. But we did have some insightful ideas behind that early web. At NCSA - in fact, in Sir Tim B-L&amp;#x2019;s original concept, there was this idea that the cool thing about the web was that everyone could be an author, that everyone would generate content - everyone would have their own web server! I clearly remember the wacky and random content that was out there at this time; for example, a guy named kevin hughes from the honolulu community college, who put up the HCC dinosaur museum exhibit as a web page. It was amazing the kind of things we started to see. \n\nKeep in mind, the competition to the Web was Gopher - you had to pay for the server, \n\nIn fact, we implemented, even in this browser that was totally primitive by today&amp;#x2019;s standards (no CSS, no Javascript, no HTML tables, not even any real font control!!) a group annotation feature. For any web page, you could write annotations on a common server, and whenever anyone in your &amp;#x201C;group&amp;#x201D; visited a web page you had written annotations for, they saw the annotations too.\n\nWe also had the idea that web server software should be free, and everyone should run a server on their machine. Keep in mind that at the time, firewalls were exceedingly uncommon - I ran a web server on the PC in my office that was accessible world-wide, and there was no firewall to get to it. \n\nIn fact, we wrote a networked space dogfight game as a student project, using the NCSA Telnet networking code. After we&amp;#x2019;d been playing it for a while, I had a brainstorm one day, and realized that I&amp;#x2019;d never explicitly disabled the background FTP server code in the PC telnet networking library. Sure enough, I had a friend of mine run the game, and I could FTP in to his machine and copy files off it! \n
  12. \n
  13. I WAS the AIRMosaic team. We had as many resources assigned to the FTP app or the Gopher app as we did to the web browser.\n\nThe less said about my time at SPRY, the better. Although I did gain my best friend from that experience. And a strong affinity with Dilbert cartoons.\n\n
  14. Joined IE right before shipping IE2.0 - did one checkin\n\nSpyglass - &amp;#x201C;rewrote all code from scratch&amp;#x201D;?? Umm, pretty sure that was my line layout code architecture... not that I&amp;#x2019;m particularly proud of it...\n
  15. First implementation of CSS in browser - Was asked to do Frames, but said &amp;#x201C;hey, look at this CSS stuff - Netscape doesn&amp;#x2019;t do this...&amp;#x201D;\n\nIE - componentization was a great thing - at the time, I didn&amp;#x2019;t completely understand - I&amp;#x2019;d used HTTP library.\nComponentization of browser\n
  16. Now it was sometime about this time when a few Netscape engineers went out drinking and decided to come up with a tag that would cause the text to blink.\n\nNote that to this day, even according to the current CSS3 draft, conforming user agents are not required to blink the text - that was my doing, in CSS1. I was already trying to atone for those overlapping bold and italic tags.\n
  17. Of course, Microsoft could not let this beautiful feature go unchallenged - so they implemented the autoscrolling, rotatable, BLINK-on-steroids: The MARQUEE element. You could control the scrolling speed! Whether it looped or not! Yes, indeed, we managed to outblink the BLINK tag.\n\nThe really depressing part is that &lt;MARQUEE&gt; was designed, implemented, tested and deployed stone-cold sober.\n\nThis element turned out, for a period of time, to be heavily used in some vertical text markets, particularly Korea as I recall - because it let the HTML author format text that looked correct for vertical Korean, so a lot of users could stop looking like this [tilt head].\n
  18. So both of these innovations taught me to respect serendipity - making desirable discoveries by accident. CSS support was obviously a world-changing feature, even though I&amp;#x2019;d mostly been drawn to it to make better-laid out pages, not to separate content and presentation.\n
  19. It&amp;#x2019;s also tempting, of course, to take away the lesson that people simply like flashy stuff.\n\nIn fact, I would be remiss in discussing IE3 if I didn&amp;#x2019;t mention that bundled with IE3 was possibly Microsoft&amp;#x2019;s finest and most impressive software package ever, after Microsoft Bob...\n\n
  20. \nMicrosoft Comic Chat! This package let you have live IRC chats with a cartoon interface.\n\nSeriously, though - I thought Comic Chat was pretty cool, because it layered a radically different interface on top of an Internet service - something that Microsoft typically didn&amp;#x2019;t do much of - and it was entertaining to have IRC chats about CSS with a comic-book interface.\n
  21. Trident was a different team - Jeff Webber - &amp;#x201C;we&amp;#x2019;re fucked&amp;#x201D;\n Asked to join after shipping IE3 - CSS story.\n \n
  22. IE4 was dynamic. NN had to hack resize to not reload. Mosaic resized.\n document.images, document.links had been the only way to do dynamic\n innerHTML-&amp;#x201C;Object Model&amp;#x201D;\n layers vs CSS positioning\n When I was asked to join the IE4 team, I was told I&amp;#x2019;d be in the &amp;#x201C;Object Model&amp;#x201D; team. My response was &amp;#x201C;what&amp;#x2019;s that? The JavaScript team? But I thought you wanted me to do stylesheets?&amp;#x201D;\n
  23. Interaction is critical\n\n
  24. I&amp;#x2019;m sure some of you remember this quote from Marc Andreessen, co-founder of Netscape. This may seem like a cheap shot against Microsoft, and I really don&amp;#x2019;t intend it as such. Obviously, I didn&amp;#x2019;t believe Marc&apos;s statement then, as I continued to work for Microsoft for another 15 years; I don&amp;#x2019;t really believe it now, because I think they&amp;#x2019;re quite well-debugged device drivers. \n \n What I don&amp;#x2019;t think I expected, or realized, is that my expectations of what computing is would change so much. For context - Marc&amp;#x2019;s statement was made five years before the first iPod was released - before the mass adoption of MP3 music. 12 years before the first iPhone was released. Think of how much computation functionality has happened since then. Before Lightroom (by TEN YEARS!). Eights years before the Canon Digital Rebel (that&amp;#x2019;s right, at the time high-quality digital photos were hard to come by). I put up a page around this time on how to build bamboo didgeridoos, and I made ASCII art because I didn&amp;#x2019;t have a digital camera. If you asked me what I worry about backing up most today, I would say my photo library - 30,000+ photos or so - followed by my movie library. My music and documents are already in cloud storage.\n \n
  25. \n
  26. IE4 took IE from 20-30% to 60%.\n\nDon&amp;#x2019;t agree with everything it did\nBut - AMAZING leap forward. We would not have the platform we have today if not for IE4.\n
  27. Some things weren&amp;#x2019;t dynamic in IE4 - &lt;input&gt; type, layout\nThis was a problem\n
  28. Another fine Microsoft product:\nDOCTYPE and quirks mode\nCART Precision racing\n
  29. \n
  30. XHR, Alex Hopmann\nOWA needed, MSXML.DLL was convenient vehicle\n\n
  31. SMIL Animation - we just drove animation through OM properties. WTF?\n\nMore of same - Lacked clear end goal.\nFinally had WebOS, wasn&amp;#x2019;t everything it was cracked up to be. ActiveDesktop.\nPost IE6 - refocused team on WPF - .Net 3.0 platform. &amp;#x201C;Take lessons from Web, do a platform right.&amp;#x201D;\n\n
  32. Only now are we getting grid and flow layouts - \nWPF had this in 2001 - and plenty of other systems before that.\n
  33. This helps you reduce complexity.\n
  34. For example, let&amp;#x2019;s cast our minds back eleven years, to John Allsop&amp;#x2019;s seminal &amp;#x201C;Dao of Web Design&amp;#x201D; article on A List Apart. In it, with much foresight he said this - now is the time for the web to outgrow its origins in the printed page. I agree with this strongly, although I would say the goal is to grow beyond the constraints of previous media. John also said, &amp;#x201C;This is not to say we should abandon the wisdom of hundreds of years of printing and thousands of years of writing. But we need to understand which of these lessons are appropriate for the web, and which are mere rituals.&amp;#x201D; With that in mind, I wanted to mention...\n
  35. Platform in IE, mashups, Maps!!\n
  36. The power of the Web is not just reach, but combining sources.\n
  37. In 2004, Microsoft finally realized that their users did in fact want a new version of IE - and not just to fix the security problems in earlier versions. So I guess that was a user focus of a sort. In October 2006, we released IE7.\n\nThis is the last direct reference to IE or Microsoft I&amp;#x2019;ll make - you&amp;#x2019;re free to ask me to dig in to the rest of IE&amp;#x2019;s history, or why I left Microsoft, at the pub later.\n\nBut this time period - from 2000 through around 2008, really - was a critically important time for computing and the Web. This was the advent of Web 2.0. \n
  38. This statement by Ben Galbraith was one of the best summaries of the changing focus of the web in the mid-2000s. I think everyone should care - and care deeply - about their user&amp;#x2019;s experience.\n
  39. In fact, the experience your users have should be the core of what you develop around;\n\nMicrosoft fails in this now, in my opinion, because they are still focused on attracting developers to build Windows apps. I don&amp;#x2019;t care if you build Windows apps, Mac apps, iOS apps, or Android apps. I care about whether I can get to your app from whatever happens to be in my hand, and how easy it is to use.\n\n
  40. The reason I bring this up now is that at the time the iPhone was released, I was over thirty-five. It was against the natural order of things. But nowhere else did the usability revolution move faster than in mobile. Five and a half years ago, when the iPhone was released, I had one of these. - a Samsung Blackjack, with a web browser and the ability to install native Windows CE apps; it automatically synced with my email, calendar and contacts in Exchange server over the air. It gave me access to the WSDOT Traffic map - for anyone who lives in Seattle and commutes over the 520 bridge, a godsend. In fact, that feature alone was why I bought it. This was already magical.\n\nSo why was the iPhone so ground breaking? In short, because it enabled building responsive, engaging mobile experiences, because of all the amazing interactivity - Touch screen is amazingly engaging, Accelerometer as a real controller, and more. Oh yeah, and an app store that made it easy to get new experiences.\n\n
  41. The reason I bring this up now is that at the time the iPhone was released, I was over thirty-five. It was against the natural order of things. But nowhere else did the usability revolution move faster than in mobile. Five and a half years ago, when the iPhone was released, I had one of these. - a Samsung Blackjack, with a web browser and the ability to install native Windows CE apps; it automatically synced with my email, calendar and contacts in Exchange server over the air. It gave me access to the WSDOT Traffic map - for anyone who lives in Seattle and commutes over the 520 bridge, a godsend. In fact, that feature alone was why I bought it. This was already magical.\n\nSo why was the iPhone so ground breaking? In short, because it enabled building responsive, engaging mobile experiences, because of all the amazing interactivity - Touch screen is amazingly engaging, Accelerometer as a real controller, and more. Oh yeah, and an app store that made it easy to get new experiences.\n\n
  42. The reason I bring this up now is that at the time the iPhone was released, I was over thirty-five. It was against the natural order of things. But nowhere else did the usability revolution move faster than in mobile. Five and a half years ago, when the iPhone was released, I had one of these. - a Samsung Blackjack, with a web browser and the ability to install native Windows CE apps; it automatically synced with my email, calendar and contacts in Exchange server over the air. It gave me access to the WSDOT Traffic map - for anyone who lives in Seattle and commutes over the 520 bridge, a godsend. In fact, that feature alone was why I bought it. This was already magical.\n\nSo why was the iPhone so ground breaking? In short, because it enabled building responsive, engaging mobile experiences, because of all the amazing interactivity - Touch screen is amazingly engaging, Accelerometer as a real controller, and more. Oh yeah, and an app store that made it easy to get new experiences.\n\n
  43. So from 1997 to 2007, in ten years, I went from this cutting-edge Motorola MicroTAC...\n
  44. to being able to hold my cell phone up in the air and have it tell me what music is playing, having the entire world map in my hand - whichs means I NEVER HAVE TO STOP TO ASK FOR DIRECTIONS - and coolest of all, I can hold my phone up in the air and have it show me a live map of the stars and planets I&amp;#x2019;m looking at, so I can actually tell my daughters real constellation names instead of making them up - &amp;#x201C;the princess&amp;#x201D;, &amp;#x201C;the donkey&amp;#x201D; - in short, I have endless educational opportunities at my fingertips. I already had a star map. Why is this so cool? Because I don&amp;#x2019;t have to pull out a compass, a watch and a protractor to figure out what constellation I&amp;#x2019;m looking at. It&amp;#x2019;s a much better, smoother, easier to use experience. And I&amp;#x2019;m learning - I can actually find Cassiopeia in the night sky without my app.\n
  45. And of course, the iPhone raised the bar across the board for mobile platforms. In fact, for me personally, after I&amp;#x2019;d acquired an iPhone, and Microsoft was trying to figure out what its mobile story was after Mobile 5, I recall making this skeptical statement to a friend - I had a guitar in my office, and I used my iPhone as my guitar tuner. This quickly became a critical feature for me - I didn&amp;#x2019;t want to have to keep another guitar tuner around. In short, I was saying Windows Mobile&amp;#x2019;s future success rested on the number and quality of apps in its app store.I&amp;#x2019;ve used a guitar tuner on iOS, Android, and even Windows Phone 7 - ultimately, my choice of which phone to carry in my pocket comes down to one factor, and only one - can you guess? Battery life.\n
  46. And of course, the iPhone raised the bar across the board for mobile platforms. In fact, for me personally, after I&amp;#x2019;d acquired an iPhone, and Microsoft was trying to figure out what its mobile story was after Mobile 5, I recall making this skeptical statement to a friend - I had a guitar in my office, and I used my iPhone as my guitar tuner. This quickly became a critical feature for me - I didn&amp;#x2019;t want to have to keep another guitar tuner around. In short, I was saying Windows Mobile&amp;#x2019;s future success rested on the number and quality of apps in its app store.I&amp;#x2019;ve used a guitar tuner on iOS, Android, and even Windows Phone 7 - ultimately, my choice of which phone to carry in my pocket comes down to one factor, and only one - can you guess? Battery life.\n
  47. In fact, I&amp;#x2019;m happy to report as we recently enabled audio input in Chrome Canary in the Web Audio API, there is now a pure JavaScript guitar tuner available - i wrote one, too, but Craig Spence&amp;#x2019;s is both far better and far prettier.\nso the web can be my guitar tuner too! So the web is better than Windows Mobile a couple years ago. \n
  48. But at that point, I WAS already a passionate and long-time advocate of the web platform. So with the vast use of the iPhone&amp;#x2019;s web connection, why didn&amp;#x2019;t the iPhone&amp;#x2019;s popularity cause a revolution in the mobile web platform? Native apps on the iPhone exploded, of course, but as someone who bought an iPod touch just to carry the web around my house in the palm of my hand, I was clearly an outlier. \nWell, none of the cool stuff was there in the web platform on the iPhone. No accelerometer, geolocation, audio input, even touch input. And the Javascript engine was not as fast as native code, by a long shot.\nFinally, there was no app store. How do you discover the &amp;#x201C;Top 25&amp;#x201D;? &amp;#x201C;Trending&amp;#x201D;? I&amp;#x2019;ve seriously lost count of how much money I&amp;#x2019;ve spent in the Apple app store. 99&amp;#xA2;? Hell yeah! I spent four times that on my latte this morning!But with all these pieces missing, it kinda tanked having dynamic maps, the star map, and the music identification app, and the guitar tuner. I can&amp;#x2019;t completely blame Apple here - after all, there were no standards for these things at the time, of course - and it has worked out quite well for them. But today, we&amp;#x2019;re poised on the verge of that all changing.\n
  49. But at that point, I WAS already a passionate and long-time advocate of the web platform. So with the vast use of the iPhone&amp;#x2019;s web connection, why didn&amp;#x2019;t the iPhone&amp;#x2019;s popularity cause a revolution in the mobile web platform? Native apps on the iPhone exploded, of course, but as someone who bought an iPod touch just to carry the web around my house in the palm of my hand, I was clearly an outlier. \nWell, none of the cool stuff was there in the web platform on the iPhone. No accelerometer, geolocation, audio input, even touch input. And the Javascript engine was not as fast as native code, by a long shot.\nFinally, there was no app store. How do you discover the &amp;#x201C;Top 25&amp;#x201D;? &amp;#x201C;Trending&amp;#x201D;? I&amp;#x2019;ve seriously lost count of how much money I&amp;#x2019;ve spent in the Apple app store. 99&amp;#xA2;? Hell yeah! I spent four times that on my latte this morning!But with all these pieces missing, it kinda tanked having dynamic maps, the star map, and the music identification app, and the guitar tuner. I can&amp;#x2019;t completely blame Apple here - after all, there were no standards for these things at the time, of course - and it has worked out quite well for them. But today, we&amp;#x2019;re poised on the verge of that all changing.\n
  50. One big reason I&amp;#x2019;m convinced the web platform will succeed as the universal platform is that access to capabilities in the web platform is catching up. We have storage, file system, geolocation, a variety of sensor apis, 2D and 3D graphics, touch events... and promotion as first-class applications in several different web browsers. In fact, Chrome&amp;#x2019;s &amp;#x201C;Create Application Shortcut&amp;#x201D; is why I installed Chrome almost immediately after they shipped their first public release, and had it on pretty much every machine I owned from then on. I wanted a Gmail icon on my desktop.I&amp;#x2019;ll take a stand here too - I hope the concept of App Stores will take off on the Web, too. Not as a way of limiting users to one browser, OS or source of applications - but as the app equivalent of a trusted storefront promoting multiple vendors&amp;#x2019; products. It could happen, right? Hope springs eternal. &amp;#xA0;Look at me - I&amp;#x2019;ve lived in Seattle for the past sixteen years, and for pretty much all that time I&amp;#x2019;ve owned a convertible.\n
  51. End-to-end integration\nOffline support - offline in IE 5.5/6.0\nApp entry point is critical \nChrome&amp;#x2019;s &amp;#x201C;Make App Shortcut&amp;#x201D;\nHotlist, bookmarks, shortcuts - IE 1.0 features\nSysApps FTW?\n\n
  52. \n
  53. \n