SlideShare uma empresa Scribd logo
1 de 45
Baixar para ler offline
1
m
                       is
                     l
                    ds
                   e
                 ar
       g       d
          an
     n st
   a
  eb
 v
e
w




                              1
m
                       is
                     l
                    ds
                   e
                 ar
       g       d
          an
     n st
   a
  eb
 v
e
w



                   Mike Girouard Refresh06
                                         1
the need for
standards

         Mike Girouard Refresh06
                               2
in the
beginning

         Mike Girouard Refresh06
                               3
www
in the
beginning

          Mike Girouard Refresh06
                                3
ynx
     l
        www
in the
beginning

        Mike Girouard Refresh06
                              3
nx mosaic
     ly
         www
in the
beginning

         Mike Girouard Refresh06
                               3
nx mosaic
     ly
         www
in the
beginning
(things were simple)

          Mike Girouard Refresh06
                                3
hout
wit
form

              d
            an
       void
           Mike Girouard Refresh06
                                 4
browser wars

    hout
wit
form

              d
            an
       void
           Mike Girouard Refresh06
                                 4
browser wars
              proprietary
                markup
    hout
wit
form

           d
         an
       void
        Mike Girouard Refresh06
                              4
browser wars
               proprietary
                    markup
    hout ev
wit
form         il j
                  s




           d
          an
       void
        Mike Girouard Refresh06
                              4
browser wars
                    proprietary
boom
                         markup
         hout ev
     wit
    form          il j
                       s




                  d
                an
              void
               Mike Girouard Refresh06
                                     4
browser wars
                     proprietary
 boom
                          markup
          hout ev
      wit
         form      il j
                        s




                      d
                    an
                   void
             rds
          da
        an
   st
NO

                   Mike Girouard Refresh06
                                         4
ari
 saf

designers
 how
     see it



           Mike Girouard Refresh06
                                 5
ie safari


designers
  how
     see it



            Mike Girouard Refresh06
                                  5
ns
ie safari


designers
  how
     see it



            Mike Girouard Refresh06
                                  5
ns 4
ie safari


designers
  how
     see it



             Mike Girouard Refresh06
                                   5
ns 4
          6
ie safari


designers
  how
     see it



              Mike Girouard Refresh06
                                    5
ns 4
                 6
mozillaie safari

      designers
         how
           see it



                     Mike Girouard Refresh06
                                           5
ns 4
                 6
mozillaie safari
             oper
                  a
      designers
          how
           see it



                      Mike Girouard Refresh06
                                            5
ns 4
                 6           spacer.g
                                      if
mozillaie safari
             oper
                  a
      designers
          how
           see it



                      Mike Girouard Refresh06
                                            5
ns 4
                 6           spacer.g
                                      if
mozillaie safari
             oper                  le>
                               tab
                  a          <
      designers
          how
           see it



                      Mike Girouard Refresh06
                                            5
businesses
how
       see it



       Mike Girouard Refresh06
                             6
“the beauty & business of css”



businesses
how
       see it



                 Mike Girouard Refresh06
                                       6
$
 “the beauty & business of css”



businesses
how
       see it



                 Mike Girouard Refresh06
                                       6
7
ESPN Savings
 Page Reduction       50 KB
 Page Views/day     40,000,000
                      2 TB/day
Bandwidth Savings   61 TB/month
                    701 TB/year


                                  7
light

   Mike Girouard Refresh06
                         8
tim berners-lee

       Mike Girouard Refresh06
                             9
W
   W
  W
tim berners-lee

         Mike Girouard Refresh06
                               9
W
   W       3C
  W      W
tim berners-lee

          Mike Girouard Refresh06
                                9
WAI
      W
    W     3C
  W     W
tim berners-lee

         Mike Girouard Refresh06
                               9
WAI-ARIA
           WAI
      W
    W     3C
  W     W
tim berners-lee

          Mike Girouard Refresh06
                                9
WAI-ARIA
      ATAG W
              AI
      W
    W      3C
  W      W
tim berners-lee

          Mike Girouard Refresh06
                                9
molly holzschlag

        Mike Girouard Refresh06
                              10
ks
       oo
    +B
  30

molly holzschlag

              Mike Girouard Refresh06
                                    10
ks
       oo
    +B
  30           ASP
              W
molly holzschlag

                Mike Girouard Refresh06
                                      10
ks
       oo
    +B           SP W3C
  30          WA
molly holzschlag

                Mike Girouard Refresh06
                                      10
jeffery zeldman

       Mike Girouard Refresh06
                             11
WASP
jeffery zeldman

       Mike Girouard Refresh06
                             11
rds”
                         anda
                    b St
                  We
             with
        ning
   esig
“D
                          WASP
jeffery zeldman

                  Mike Girouard Refresh06
                                        11
rds”
                         anda
                    b St
                  We
             with
        ning
   esig
“D                       Design”
          “Holy Trinity of Web
                                 WASP
jeffery zeldman

                     Mike Girouard Refresh06
                                           11
you

 Mike Girouard Refresh06
                       12

Mais conteúdo relacionado

Mais de Michael Girouard

Day to Day Realities of an Independent Worker
Day to Day Realities of an Independent WorkerDay to Day Realities of an Independent Worker
Day to Day Realities of an Independent WorkerMichael Girouard
 
Object Oriented JavaScript
Object Oriented JavaScriptObject Oriented JavaScript
Object Oriented JavaScriptMichael Girouard
 
JavaScript From Scratch: Writing Java Script Applications
JavaScript From Scratch: Writing Java Script ApplicationsJavaScript From Scratch: Writing Java Script Applications
JavaScript From Scratch: Writing Java Script ApplicationsMichael Girouard
 
JavaScript From Scratch: Events
JavaScript From Scratch: EventsJavaScript From Scratch: Events
JavaScript From Scratch: EventsMichael Girouard
 
JavaScript From Scratch: Playing With Data
JavaScript From Scratch: Playing With DataJavaScript From Scratch: Playing With Data
JavaScript From Scratch: Playing With DataMichael Girouard
 
JavaScript from Scratch: Getting Your Feet Wet
JavaScript from Scratch: Getting Your Feet WetJavaScript from Scratch: Getting Your Feet Wet
JavaScript from Scratch: Getting Your Feet WetMichael Girouard
 
A Gentle Introduction To Object Oriented Php
A Gentle Introduction To Object Oriented PhpA Gentle Introduction To Object Oriented Php
A Gentle Introduction To Object Oriented PhpMichael Girouard
 
Creating And Consuming Web Services In Php 5
Creating And Consuming Web Services In Php 5Creating And Consuming Web Services In Php 5
Creating And Consuming Web Services In Php 5Michael Girouard
 
Learning To Love Java Script
Learning To Love Java ScriptLearning To Love Java Script
Learning To Love Java ScriptMichael Girouard
 
Learning To Love Java Script Color
Learning To Love Java Script ColorLearning To Love Java Script Color
Learning To Love Java Script ColorMichael Girouard
 

Mais de Michael Girouard (16)

Day to Day Realities of an Independent Worker
Day to Day Realities of an Independent WorkerDay to Day Realities of an Independent Worker
Day to Day Realities of an Independent Worker
 
Responsible JavaScript
Responsible JavaScriptResponsible JavaScript
Responsible JavaScript
 
Object Oriented JavaScript
Object Oriented JavaScriptObject Oriented JavaScript
Object Oriented JavaScript
 
The Beauty of Java Script
The Beauty of Java ScriptThe Beauty of Java Script
The Beauty of Java Script
 
Ajax for PHP Developers
Ajax for PHP DevelopersAjax for PHP Developers
Ajax for PHP Developers
 
JavaScript From Scratch: Writing Java Script Applications
JavaScript From Scratch: Writing Java Script ApplicationsJavaScript From Scratch: Writing Java Script Applications
JavaScript From Scratch: Writing Java Script Applications
 
JavaScript From Scratch: Events
JavaScript From Scratch: EventsJavaScript From Scratch: Events
JavaScript From Scratch: Events
 
JavaScript From Scratch: Playing With Data
JavaScript From Scratch: Playing With DataJavaScript From Scratch: Playing With Data
JavaScript From Scratch: Playing With Data
 
JavaScript from Scratch: Getting Your Feet Wet
JavaScript from Scratch: Getting Your Feet WetJavaScript from Scratch: Getting Your Feet Wet
JavaScript from Scratch: Getting Your Feet Wet
 
A Gentle Introduction To Object Oriented Php
A Gentle Introduction To Object Oriented PhpA Gentle Introduction To Object Oriented Php
A Gentle Introduction To Object Oriented Php
 
A Look At Flex And Php
A Look At Flex And PhpA Look At Flex And Php
A Look At Flex And Php
 
Baking Cakes With Php
Baking Cakes With PhpBaking Cakes With Php
Baking Cakes With Php
 
Cfphp Zce 01 Basics
Cfphp Zce 01 BasicsCfphp Zce 01 Basics
Cfphp Zce 01 Basics
 
Creating And Consuming Web Services In Php 5
Creating And Consuming Web Services In Php 5Creating And Consuming Web Services In Php 5
Creating And Consuming Web Services In Php 5
 
Learning To Love Java Script
Learning To Love Java ScriptLearning To Love Java Script
Learning To Love Java Script
 
Learning To Love Java Script Color
Learning To Love Java Script ColorLearning To Love Java Script Color
Learning To Love Java Script Color
 

Último

Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandIES VE
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...ScyllaDB
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024Lorenzo Miniero
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...FIDO Alliance
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...FIDO Alliance
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...FIDO Alliance
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?Mark Billinghurst
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfFIDO Alliance
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfSrushith Repakula
 
Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform EngineeringMarcus Vechiato
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptxFIDO Alliance
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxFIDO Alliance
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingScyllaDB
 
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdfMuhammad Subhan
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightSafe Software
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Skynet Technologies
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfFIDO Alliance
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfFIDO Alliance
 
Generative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdfGenerative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdfalexjohnson7307
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераMark Opanasiuk
 

Último (20)

Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform Engineering
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream Processing
 
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Generative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdfGenerative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdf
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 

Web Standards Evangelism

  • 1. 1
  • 2. m is l ds e ar g d an n st a eb v e w 1
  • 3. m is l ds e ar g d an n st a eb v e w Mike Girouard Refresh06 1
  • 4. the need for standards Mike Girouard Refresh06 2
  • 5. in the beginning Mike Girouard Refresh06 3
  • 6. www in the beginning Mike Girouard Refresh06 3
  • 7. ynx l www in the beginning Mike Girouard Refresh06 3
  • 8. nx mosaic ly www in the beginning Mike Girouard Refresh06 3
  • 9. nx mosaic ly www in the beginning (things were simple) Mike Girouard Refresh06 3
  • 10. hout wit form d an void Mike Girouard Refresh06 4
  • 11. browser wars hout wit form d an void Mike Girouard Refresh06 4
  • 12. browser wars proprietary markup hout wit form d an void Mike Girouard Refresh06 4
  • 13. browser wars proprietary markup hout ev wit form il j s d an void Mike Girouard Refresh06 4
  • 14. browser wars proprietary boom markup hout ev wit form il j s d an void Mike Girouard Refresh06 4
  • 15. browser wars proprietary boom markup hout ev wit form il j s d an void rds da an st NO Mike Girouard Refresh06 4
  • 16. ari saf designers how see it Mike Girouard Refresh06 5
  • 17. ie safari designers how see it Mike Girouard Refresh06 5
  • 18. ns ie safari designers how see it Mike Girouard Refresh06 5
  • 19. ns 4 ie safari designers how see it Mike Girouard Refresh06 5
  • 20. ns 4 6 ie safari designers how see it Mike Girouard Refresh06 5
  • 21. ns 4 6 mozillaie safari designers how see it Mike Girouard Refresh06 5
  • 22. ns 4 6 mozillaie safari oper a designers how see it Mike Girouard Refresh06 5
  • 23. ns 4 6 spacer.g if mozillaie safari oper a designers how see it Mike Girouard Refresh06 5
  • 24. ns 4 6 spacer.g if mozillaie safari oper le> tab a < designers how see it Mike Girouard Refresh06 5
  • 25. businesses how see it Mike Girouard Refresh06 6
  • 26. “the beauty & business of css” businesses how see it Mike Girouard Refresh06 6
  • 27. $ “the beauty & business of css” businesses how see it Mike Girouard Refresh06 6
  • 28. 7
  • 29. ESPN Savings Page Reduction 50 KB Page Views/day 40,000,000 2 TB/day Bandwidth Savings 61 TB/month 701 TB/year 7
  • 30. light Mike Girouard Refresh06 8
  • 31. tim berners-lee Mike Girouard Refresh06 9
  • 32. W W W tim berners-lee Mike Girouard Refresh06 9
  • 33. W W 3C W W tim berners-lee Mike Girouard Refresh06 9
  • 34. WAI W W 3C W W tim berners-lee Mike Girouard Refresh06 9
  • 35. WAI-ARIA WAI W W 3C W W tim berners-lee Mike Girouard Refresh06 9
  • 36. WAI-ARIA ATAG W AI W W 3C W W tim berners-lee Mike Girouard Refresh06 9
  • 37. molly holzschlag Mike Girouard Refresh06 10
  • 38. ks oo +B 30 molly holzschlag Mike Girouard Refresh06 10
  • 39. ks oo +B 30 ASP W molly holzschlag Mike Girouard Refresh06 10
  • 40. ks oo +B SP W3C 30 WA molly holzschlag Mike Girouard Refresh06 10
  • 41. jeffery zeldman Mike Girouard Refresh06 11
  • 42. WASP jeffery zeldman Mike Girouard Refresh06 11
  • 43. rds” anda b St We with ning esig “D WASP jeffery zeldman Mike Girouard Refresh06 11
  • 44. rds” anda b St We with ning esig “D Design” “Holy Trinity of Web WASP jeffery zeldman Mike Girouard Refresh06 11
  • 45. you Mike Girouard Refresh06 12