SlideShare a Scribd company logo
1 of 41
Download to read offline
The W3C

                            & the web design
Thursday, 12 January 2012
                                  ecosystem
Who the hell am I?
     ‣ I work for Opera
     ‣ Open standards advocate and education agitator
      ‣ dev.opera.com editor
      ‣ W3C web education community group chair
     ‣ HTML5/CSS3 wrangler
     ‣ Heavy metal drummer


Thursday, 12 January 2012
What are open web
    standards?


Thursday, 12 January 2012
What are standards?




Thursday, 12 January 2012
Thursday, 12 January 2012
Thursday, 12 January 2012
Standards make life easier
     ‣ We don’t have to worry about compatibility all the
       time
     ‣ Products are cheaper
     ‣ Solutions can be reached more quickly
     ‣ Imagine if we didn’t have standards?



Thursday, 12 January 2012
Thursday, 12 January 2012
Australian trains...
          “When railway construction began in Australia in the 1850s, the
          engineers favoured the gauge system they were most familiar
          with: the emerging standard gauge (rails 1,425 millimetres apart)
          from England and Europe or the broad gauge (rails 1,590
          millimetres apart) from Ireland.”
      -- australia.gov.au/about-australia/australian-story/railways-in-australia




Thursday, 12 January 2012
Australian trains...
          When train lines were expanded to travel between states, the
          lines, equipment and operating practices were incompatible.
          Passengers and freight would often have to be transferred from
          one train to another at state borders.
      -- australia.gov.au/about-australia/australian-story/railways-in-australia




Thursday, 12 January 2012
Now let’s apply this to web
                         standards
     ‣ Before web standards were embraced, life was
       grim
     ‣ Let’s rewind to the late 90s




Thursday, 12 January 2012
Thursday, 12 January 2012
Thursday, 12 January 2012
Bad, bad times
     ‣ Features were implemented incompatibly, to try
       to monopolise the web (IE succeeded)
     ‣ You either had to write two different web sites, or
       just support IE or Netscape
     ‣ Life was hell for developers, and users suffered




Thursday, 12 January 2012
This had to change
     ‣ The W3C was formed to create and impose
       standards, but they needed help
     ‣ Pressure groups were formed to lobby browser
       vendors into aligning with the standards, most
       notably WaSP




Thursday, 12 January 2012
Thursday, 12 January 2012
Open standards...
     ‣ Anyone can suggest a standard
     ‣ Anyone can contribute to a standard
     ‣ Open standards are free for anyone to use
     ‣ They are created collaboratively
     ‣ They are not owned by any one company



Thursday, 12 January 2012
...versus proprietary tech
     ‣ Controlled by single companies
     ‣ Often rely on costly software
     ‣ What happens if that company goes bankrupt, or
          insane? ;-)




Thursday, 12 January 2012
What is the W3C?



Thursday, 12 January 2012
The World Wide Web Consortium
     ‣ Created in 1994 by Tim Berners-Lee
     ‣ “Hosted” by three universities: MIT (US), ERCIM
       (France) and Keio (Japan)
     ‣ Mission: “To lead the World Wide Web to its full
       potential by developing protocols and guidelines
       that ensure the long-term growth of the Web.”
     ‣ 64 FTEs, and 334 member organizations

Thursday, 12 January 2012
Basically...
     ‣ They are the keepers of (most of) the technology
       standards that we use to create the Web
     ‣ Although there are others:
      ‣ ECMA (European Computer Manufacturers
        Association)
      ‣ IETF (Internet Engineering task force)
      ‣ Khronos
      ‣ WAC
Thursday, 12 January 2012
Creating a standard #1
     ‣ First, someone has a “good” idea
     ‣ The idea gets support from others
     ‣ It gets a test implementation (this should
       probably come later)
     ‣ The creator approaches the W3C to see if they
       want it




Thursday, 12 January 2012
Creating a standard #2
     ‣ If the W3C approves, a working group (WG) is
       formed to work on the technology
     ‣ The WG creates an editor’s draft for people to
       check out




Thursday, 12 January 2012
Creating a standard #3
     ‣ First public working draft
     ‣ Collect feedback and refine spec
     ‣ This is the first IP exclusion opportunity —
          contributors will check whether the spec relys
          on technology that they have a patent on. Then
          they can:
          ‣ Grant a royalty-free license
          ‣ Declare a patent exclusion
Thursday, 12 January 2012
Creating a standard #4
     ‣ Working draft
     ‣ Potentially several iterations
     ‣ First public chance to comment
     ‣ Lots of feedback and refinement
     ‣ Implementers will typically create prototype/test
       implementations at this point too
     ‣ Useful for developers to test the tech

Thursday, 12 January 2012
Creating a standard #5
     ‣ Last call working draft
     ‣ The point where the WG thinks the spec is
       finished
     ‣ Usually at this point they are inundated with
       feedback ;-)
     ‣ Also the second IP exclusion opportunity (60
       days)


Thursday, 12 January 2012
Creating a standard #6
     ‣ Candidate recommendation
     ‣ It should be pretty stable by now, and
       implementable by browsers
     ‣ Although usually at this point:
      ‣ Developers come back with loads more critical
        feedback (due to more implementation)
      ‣ W3C realises it hasn’t got enough tests
     ‣ So it often goes back to last call
Thursday, 12 January 2012
Creating a standard #7
     ‣ Proposed recommendation
     ‣ The tests are finally in, and each one is passed by
       two or more browser implementations
     ‣ Final sanity check stage




Thursday, 12 January 2012
Creating a standard #8
     ‣ W3C recommendation!
     ‣ Finished, done!




Thursday, 12 January 2012
Conflicting drafts?
     ‣ These sometimes appear
     ‣ Eg for Web Audio, we have:
      ‣ The Web Audio API from Google
      ‣ The Audio Data API from Mozilla
     ‣ The WG needs to work out how to go forward



Thursday, 12 January 2012
How can you get involved?
     ‣ Anyone can give feedback on a new spec
     ‣ Join the mailing lists, read the drafts
     ‣ The drafts often contain instructions on how to
          feedback




Thursday, 12 January 2012
How does the W3C
    relate to the
    community?

Thursday, 12 January 2012
Thursday, 12 January 2012
Some would say badly!
     ‣ They’ve been accused in the past of not
       representing the needs or wishes of real web
       designers
     ‣ And being stuffy and academic and hard to
       communicate with
     ‣ And being far too slow



Thursday, 12 January 2012
XHTML2
     ‣ XHTML1 was a good move
     ‣ But XHTML2 went in a direction that was
       incompatible with existing work
     ‣ It took a renegade spec group — the WHATWG
       — to set them straight
     ‣ Their work was eventually brought back into the
       W3C, and became HTML5


Thursday, 12 January 2012
Hard to communicate?
     ‣ It is hard to get feedback listened to, some say
     ‣ For example Ian Hickson, editor of HTML5, is
       viewed as a “benevolent dictator”
     ‣ Hard to argue against
     ‣ But tends to relent if given compelling enough
       evidence. Sometimes!




Thursday, 12 January 2012
And they work at glacial speed
     ‣ CSS 2.1 took 10 years to “finish”
     ‣ Browser vendors started to take things in their
       own hands somewhat
     ‣ Improvements being made — e.g. modular
       nature of CSS3 makes things manageable and
       seem faster




Thursday, 12 January 2012
The W3C exists to innovate
     ‣ But it is really the browsers that innovate
     ‣ A spec being “finished” or not doesn’t really
       matter
     ‣ The best spec is useless if it doesn’t get
       widespread implementation
     ‣ The best implementation is useless if designers
       and developers don’t build things with it


Thursday, 12 January 2012
Overall...
     ‣ Things are getting better, and the W3C are
       spending a lot of time trying to streamline things,
       design things better, be more communicative,
       and produce better educational resources
     ‣ It’s not perfect, but it’s what we’ve got
     ‣ And it’s better than the alternatives



Thursday, 12 January 2012
Thanks!
                               cmills@opera.com
                                @chrisdavidmills
                    http://www.slideshare.net/chrisdavidmills
                              http://dev.opera.com
                     http://www.w3.org/community/webed/




Thursday, 12 January 2012
Picture credits
               Screw picture - http://www.flickr.com/photos/lawprier/3713441792/
      Traffic lights picture - http://www.flickr.com/photos/horiavarlan/4747872021/
         Train picture - http://www.flickr.com/photos/eterno_retorno/2383602431/
           van picture - http://www.flickr.com/photos/maenoellefoto/2769601478/
                            w3c - http://www.flickr.com/photos/maxf/112944254/
                                         beavis and butthead - ?




Thursday, 12 January 2012

More Related Content

Similar to The W3C and the web design ecosystem

Inclusive design 24 (gaad)
Inclusive design 24 (gaad)Inclusive design 24 (gaad)
Inclusive design 24 (gaad)Mike Gifford
 
Selenium 4 ukraine keynote slides
Selenium 4 ukraine keynote   slidesSelenium 4 ukraine keynote   slides
Selenium 4 ukraine keynote slidesMarcus Merrell
 
HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?Chris Mills
 
NCA GTUG 2012 - Cloud is such stuff as dreams are made on
NCA GTUG 2012 - Cloud is such stuff as dreams are made onNCA GTUG 2012 - Cloud is such stuff as dreams are made on
NCA GTUG 2012 - Cloud is such stuff as dreams are made onPatrick Chanezon
 
The Software Debt Bubble: Is It About to Burst
The Software Debt Bubble: Is It About to BurstThe Software Debt Bubble: Is It About to Burst
The Software Debt Bubble: Is It About to BurstChris Sterling
 
Drupal for Project Managers, Part 3: Launching
Drupal for Project Managers, Part 3: LaunchingDrupal for Project Managers, Part 3: Launching
Drupal for Project Managers, Part 3: LaunchingAcquia
 
Waza keynote: Idea to Delivery
Waza keynote: Idea to DeliveryWaza keynote: Idea to Delivery
Waza keynote: Idea to DeliveryAdam Wiggins
 
Sample You Tube tutorial for Drupal
Sample You Tube tutorial for DrupalSample You Tube tutorial for Drupal
Sample You Tube tutorial for Drupalsivaprasad balamara
 
Cloud stack design camp on jun 15
Cloud stack design camp on jun 15Cloud stack design camp on jun 15
Cloud stack design camp on jun 15Isaac Chiang
 
STPCon fall 2012: The Testing Renaissance Has Arrived
STPCon fall 2012: The Testing Renaissance Has ArrivedSTPCon fall 2012: The Testing Renaissance Has Arrived
STPCon fall 2012: The Testing Renaissance Has ArrivedSOASTA
 
Harnessing Themes, Plugins and Features to Make WordPress More Accessible
Harnessing Themes, Plugins and Features to Make WordPress More AccessibleHarnessing Themes, Plugins and Features to Make WordPress More Accessible
Harnessing Themes, Plugins and Features to Make WordPress More AccessibleGraham Armfield
 
Ar*@!+$es to this. getting IBM connections to do what you want
Ar*@!+$es to this. getting IBM connections to do what you want Ar*@!+$es to this. getting IBM connections to do what you want
Ar*@!+$es to this. getting IBM connections to do what you want Mark Myers
 
Measuring Web Performance - HighEdWeb Edition
Measuring Web Performance - HighEdWeb EditionMeasuring Web Performance - HighEdWeb Edition
Measuring Web Performance - HighEdWeb EditionDave Olsen
 
Presentation at FAO, Roma
Presentation at FAO, RomaPresentation at FAO, Roma
Presentation at FAO, RomaCyril Reinhard
 
Semantic Web Landscape 2009
Semantic Web Landscape 2009Semantic Web Landscape 2009
Semantic Web Landscape 2009LeeFeigenbaum
 
Rapid Prototyping HTML5 Applications with Node.js
Rapid Prototyping HTML5 Applications with Node.jsRapid Prototyping HTML5 Applications with Node.js
Rapid Prototyping HTML5 Applications with Node.jsJesse Cravens
 

Similar to The W3C and the web design ecosystem (20)

Inclusive design 24 (gaad)
Inclusive design 24 (gaad)Inclusive design 24 (gaad)
Inclusive design 24 (gaad)
 
NoTube: Models & Semantics
NoTube: Models & SemanticsNoTube: Models & Semantics
NoTube: Models & Semantics
 
Selenium 4 ukraine keynote slides
Selenium 4 ukraine keynote   slidesSelenium 4 ukraine keynote   slides
Selenium 4 ukraine keynote slides
 
HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?
 
Introduction to Drupal 7
Introduction to Drupal 7Introduction to Drupal 7
Introduction to Drupal 7
 
NCA GTUG 2012 - Cloud is such stuff as dreams are made on
NCA GTUG 2012 - Cloud is such stuff as dreams are made onNCA GTUG 2012 - Cloud is such stuff as dreams are made on
NCA GTUG 2012 - Cloud is such stuff as dreams are made on
 
The Software Debt Bubble: Is It About to Burst
The Software Debt Bubble: Is It About to BurstThe Software Debt Bubble: Is It About to Burst
The Software Debt Bubble: Is It About to Burst
 
Drupal for Project Managers, Part 3: Launching
Drupal for Project Managers, Part 3: LaunchingDrupal for Project Managers, Part 3: Launching
Drupal for Project Managers, Part 3: Launching
 
Waza keynote: Idea to Delivery
Waza keynote: Idea to DeliveryWaza keynote: Idea to Delivery
Waza keynote: Idea to Delivery
 
Sample You Tube tutorial for Drupal
Sample You Tube tutorial for DrupalSample You Tube tutorial for Drupal
Sample You Tube tutorial for Drupal
 
Cloud stack design camp on jun 15
Cloud stack design camp on jun 15Cloud stack design camp on jun 15
Cloud stack design camp on jun 15
 
STPCon fall 2012: The Testing Renaissance Has Arrived
STPCon fall 2012: The Testing Renaissance Has ArrivedSTPCon fall 2012: The Testing Renaissance Has Arrived
STPCon fall 2012: The Testing Renaissance Has Arrived
 
HCID 2012 - Graham Armfield
HCID 2012 - Graham ArmfieldHCID 2012 - Graham Armfield
HCID 2012 - Graham Armfield
 
Harnessing Themes, Plugins and Features to Make WordPress More Accessible
Harnessing Themes, Plugins and Features to Make WordPress More AccessibleHarnessing Themes, Plugins and Features to Make WordPress More Accessible
Harnessing Themes, Plugins and Features to Make WordPress More Accessible
 
Ar*@!+$es to this. getting IBM connections to do what you want
Ar*@!+$es to this. getting IBM connections to do what you want Ar*@!+$es to this. getting IBM connections to do what you want
Ar*@!+$es to this. getting IBM connections to do what you want
 
Measuring Web Performance - HighEdWeb Edition
Measuring Web Performance - HighEdWeb EditionMeasuring Web Performance - HighEdWeb Edition
Measuring Web Performance - HighEdWeb Edition
 
Presentation at FAO, Roma
Presentation at FAO, RomaPresentation at FAO, Roma
Presentation at FAO, Roma
 
Semantic Web Landscape 2009
Semantic Web Landscape 2009Semantic Web Landscape 2009
Semantic Web Landscape 2009
 
Technology in Education, 4 10-12
Technology in Education, 4 10-12Technology in Education, 4 10-12
Technology in Education, 4 10-12
 
Rapid Prototyping HTML5 Applications with Node.js
Rapid Prototyping HTML5 Applications with Node.jsRapid Prototyping HTML5 Applications with Node.js
Rapid Prototyping HTML5 Applications with Node.js
 

More from Chris Mills

More efficient, usable web
More efficient, usable webMore efficient, usable web
More efficient, usable webChris Mills
 
Feedback handling, community wrangling, panhandlin’
Feedback handling, community wrangling, panhandlin’Feedback handling, community wrangling, panhandlin’
Feedback handling, community wrangling, panhandlin’Chris Mills
 
APIs for modern web apps
APIs for modern web appsAPIs for modern web apps
APIs for modern web appsChris Mills
 
APIs, now and in the future
APIs, now and in the futureAPIs, now and in the future
APIs, now and in the futureChris Mills
 
Guerrilla education
Guerrilla educationGuerrilla education
Guerrilla educationChris Mills
 
Web versus Native: round 1!
Web versus Native: round 1!Web versus Native: round 1!
Web versus Native: round 1!Chris Mills
 
Empowering the "mobile web"
Empowering the "mobile web"Empowering the "mobile web"
Empowering the "mobile web"Chris Mills
 
Documentation and publishing
Documentation and publishingDocumentation and publishing
Documentation and publishingChris Mills
 
Getting rid of images with CSS
Getting rid of images with CSSGetting rid of images with CSS
Getting rid of images with CSSChris Mills
 
Laying out the future
Laying out the futureLaying out the future
Laying out the futureChris Mills
 
Accessibility doesn't exist
Accessibility doesn't existAccessibility doesn't exist
Accessibility doesn't existChris Mills
 
Adapt! Media queries and viewport
Adapt! Media queries and viewportAdapt! Media queries and viewport
Adapt! Media queries and viewportChris Mills
 
Adapt and respond: keeping responsive into the future
Adapt and respond: keeping responsive into the futureAdapt and respond: keeping responsive into the future
Adapt and respond: keeping responsive into the futureChris Mills
 
HTML5 Pearson preso
HTML5 Pearson presoHTML5 Pearson preso
HTML5 Pearson presoChris Mills
 
Brave new world of HTML5
Brave new world of HTML5Brave new world of HTML5
Brave new world of HTML5Chris Mills
 
Inclusive design: real accessibility for everyone
Inclusive design: real accessibility for everyoneInclusive design: real accessibility for everyone
Inclusive design: real accessibility for everyoneChris Mills
 
The web standards gentleman: a matter of (evolving) standards)
The web standards gentleman: a matter of (evolving) standards)The web standards gentleman: a matter of (evolving) standards)
The web standards gentleman: a matter of (evolving) standards)Chris Mills
 

More from Chris Mills (20)

More efficient, usable web
More efficient, usable webMore efficient, usable web
More efficient, usable web
 
Feedback handling, community wrangling, panhandlin’
Feedback handling, community wrangling, panhandlin’Feedback handling, community wrangling, panhandlin’
Feedback handling, community wrangling, panhandlin’
 
APIs for modern web apps
APIs for modern web appsAPIs for modern web apps
APIs for modern web apps
 
APIs, now and in the future
APIs, now and in the futureAPIs, now and in the future
APIs, now and in the future
 
Guerrilla education
Guerrilla educationGuerrilla education
Guerrilla education
 
Web versus Native: round 1!
Web versus Native: round 1!Web versus Native: round 1!
Web versus Native: round 1!
 
BrazilJS MDN
BrazilJS MDNBrazilJS MDN
BrazilJS MDN
 
Empowering the "mobile web"
Empowering the "mobile web"Empowering the "mobile web"
Empowering the "mobile web"
 
Documentation and publishing
Documentation and publishingDocumentation and publishing
Documentation and publishing
 
MDN is easy!
MDN is easy!MDN is easy!
MDN is easy!
 
Getting rid of images with CSS
Getting rid of images with CSSGetting rid of images with CSS
Getting rid of images with CSS
 
Future layouts
Future layoutsFuture layouts
Future layouts
 
Laying out the future
Laying out the futureLaying out the future
Laying out the future
 
Accessibility doesn't exist
Accessibility doesn't existAccessibility doesn't exist
Accessibility doesn't exist
 
Adapt! Media queries and viewport
Adapt! Media queries and viewportAdapt! Media queries and viewport
Adapt! Media queries and viewport
 
Adapt and respond: keeping responsive into the future
Adapt and respond: keeping responsive into the futureAdapt and respond: keeping responsive into the future
Adapt and respond: keeping responsive into the future
 
HTML5 Pearson preso
HTML5 Pearson presoHTML5 Pearson preso
HTML5 Pearson preso
 
Brave new world of HTML5
Brave new world of HTML5Brave new world of HTML5
Brave new world of HTML5
 
Inclusive design: real accessibility for everyone
Inclusive design: real accessibility for everyoneInclusive design: real accessibility for everyone
Inclusive design: real accessibility for everyone
 
The web standards gentleman: a matter of (evolving) standards)
The web standards gentleman: a matter of (evolving) standards)The web standards gentleman: a matter of (evolving) standards)
The web standards gentleman: a matter of (evolving) standards)
 

Recently uploaded

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfOverkill Security
 

Recently uploaded (20)

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 

The W3C and the web design ecosystem

  • 1. The W3C & the web design Thursday, 12 January 2012 ecosystem
  • 2. Who the hell am I? ‣ I work for Opera ‣ Open standards advocate and education agitator ‣ dev.opera.com editor ‣ W3C web education community group chair ‣ HTML5/CSS3 wrangler ‣ Heavy metal drummer Thursday, 12 January 2012
  • 3. What are open web standards? Thursday, 12 January 2012
  • 7. Standards make life easier ‣ We don’t have to worry about compatibility all the time ‣ Products are cheaper ‣ Solutions can be reached more quickly ‣ Imagine if we didn’t have standards? Thursday, 12 January 2012
  • 9. Australian trains... “When railway construction began in Australia in the 1850s, the engineers favoured the gauge system they were most familiar with: the emerging standard gauge (rails 1,425 millimetres apart) from England and Europe or the broad gauge (rails 1,590 millimetres apart) from Ireland.” -- australia.gov.au/about-australia/australian-story/railways-in-australia Thursday, 12 January 2012
  • 10. Australian trains... When train lines were expanded to travel between states, the lines, equipment and operating practices were incompatible. Passengers and freight would often have to be transferred from one train to another at state borders. -- australia.gov.au/about-australia/australian-story/railways-in-australia Thursday, 12 January 2012
  • 11. Now let’s apply this to web standards ‣ Before web standards were embraced, life was grim ‣ Let’s rewind to the late 90s Thursday, 12 January 2012
  • 14. Bad, bad times ‣ Features were implemented incompatibly, to try to monopolise the web (IE succeeded) ‣ You either had to write two different web sites, or just support IE or Netscape ‣ Life was hell for developers, and users suffered Thursday, 12 January 2012
  • 15. This had to change ‣ The W3C was formed to create and impose standards, but they needed help ‣ Pressure groups were formed to lobby browser vendors into aligning with the standards, most notably WaSP Thursday, 12 January 2012
  • 17. Open standards... ‣ Anyone can suggest a standard ‣ Anyone can contribute to a standard ‣ Open standards are free for anyone to use ‣ They are created collaboratively ‣ They are not owned by any one company Thursday, 12 January 2012
  • 18. ...versus proprietary tech ‣ Controlled by single companies ‣ Often rely on costly software ‣ What happens if that company goes bankrupt, or insane? ;-) Thursday, 12 January 2012
  • 19. What is the W3C? Thursday, 12 January 2012
  • 20. The World Wide Web Consortium ‣ Created in 1994 by Tim Berners-Lee ‣ “Hosted” by three universities: MIT (US), ERCIM (France) and Keio (Japan) ‣ Mission: “To lead the World Wide Web to its full potential by developing protocols and guidelines that ensure the long-term growth of the Web.” ‣ 64 FTEs, and 334 member organizations Thursday, 12 January 2012
  • 21. Basically... ‣ They are the keepers of (most of) the technology standards that we use to create the Web ‣ Although there are others: ‣ ECMA (European Computer Manufacturers Association) ‣ IETF (Internet Engineering task force) ‣ Khronos ‣ WAC Thursday, 12 January 2012
  • 22. Creating a standard #1 ‣ First, someone has a “good” idea ‣ The idea gets support from others ‣ It gets a test implementation (this should probably come later) ‣ The creator approaches the W3C to see if they want it Thursday, 12 January 2012
  • 23. Creating a standard #2 ‣ If the W3C approves, a working group (WG) is formed to work on the technology ‣ The WG creates an editor’s draft for people to check out Thursday, 12 January 2012
  • 24. Creating a standard #3 ‣ First public working draft ‣ Collect feedback and refine spec ‣ This is the first IP exclusion opportunity — contributors will check whether the spec relys on technology that they have a patent on. Then they can: ‣ Grant a royalty-free license ‣ Declare a patent exclusion Thursday, 12 January 2012
  • 25. Creating a standard #4 ‣ Working draft ‣ Potentially several iterations ‣ First public chance to comment ‣ Lots of feedback and refinement ‣ Implementers will typically create prototype/test implementations at this point too ‣ Useful for developers to test the tech Thursday, 12 January 2012
  • 26. Creating a standard #5 ‣ Last call working draft ‣ The point where the WG thinks the spec is finished ‣ Usually at this point they are inundated with feedback ;-) ‣ Also the second IP exclusion opportunity (60 days) Thursday, 12 January 2012
  • 27. Creating a standard #6 ‣ Candidate recommendation ‣ It should be pretty stable by now, and implementable by browsers ‣ Although usually at this point: ‣ Developers come back with loads more critical feedback (due to more implementation) ‣ W3C realises it hasn’t got enough tests ‣ So it often goes back to last call Thursday, 12 January 2012
  • 28. Creating a standard #7 ‣ Proposed recommendation ‣ The tests are finally in, and each one is passed by two or more browser implementations ‣ Final sanity check stage Thursday, 12 January 2012
  • 29. Creating a standard #8 ‣ W3C recommendation! ‣ Finished, done! Thursday, 12 January 2012
  • 30. Conflicting drafts? ‣ These sometimes appear ‣ Eg for Web Audio, we have: ‣ The Web Audio API from Google ‣ The Audio Data API from Mozilla ‣ The WG needs to work out how to go forward Thursday, 12 January 2012
  • 31. How can you get involved? ‣ Anyone can give feedback on a new spec ‣ Join the mailing lists, read the drafts ‣ The drafts often contain instructions on how to feedback Thursday, 12 January 2012
  • 32. How does the W3C relate to the community? Thursday, 12 January 2012
  • 34. Some would say badly! ‣ They’ve been accused in the past of not representing the needs or wishes of real web designers ‣ And being stuffy and academic and hard to communicate with ‣ And being far too slow Thursday, 12 January 2012
  • 35. XHTML2 ‣ XHTML1 was a good move ‣ But XHTML2 went in a direction that was incompatible with existing work ‣ It took a renegade spec group — the WHATWG — to set them straight ‣ Their work was eventually brought back into the W3C, and became HTML5 Thursday, 12 January 2012
  • 36. Hard to communicate? ‣ It is hard to get feedback listened to, some say ‣ For example Ian Hickson, editor of HTML5, is viewed as a “benevolent dictator” ‣ Hard to argue against ‣ But tends to relent if given compelling enough evidence. Sometimes! Thursday, 12 January 2012
  • 37. And they work at glacial speed ‣ CSS 2.1 took 10 years to “finish” ‣ Browser vendors started to take things in their own hands somewhat ‣ Improvements being made — e.g. modular nature of CSS3 makes things manageable and seem faster Thursday, 12 January 2012
  • 38. The W3C exists to innovate ‣ But it is really the browsers that innovate ‣ A spec being “finished” or not doesn’t really matter ‣ The best spec is useless if it doesn’t get widespread implementation ‣ The best implementation is useless if designers and developers don’t build things with it Thursday, 12 January 2012
  • 39. Overall... ‣ Things are getting better, and the W3C are spending a lot of time trying to streamline things, design things better, be more communicative, and produce better educational resources ‣ It’s not perfect, but it’s what we’ve got ‣ And it’s better than the alternatives Thursday, 12 January 2012
  • 40. Thanks! cmills@opera.com @chrisdavidmills http://www.slideshare.net/chrisdavidmills http://dev.opera.com http://www.w3.org/community/webed/ Thursday, 12 January 2012
  • 41. Picture credits Screw picture - http://www.flickr.com/photos/lawprier/3713441792/ Traffic lights picture - http://www.flickr.com/photos/horiavarlan/4747872021/ Train picture - http://www.flickr.com/photos/eterno_retorno/2383602431/ van picture - http://www.flickr.com/photos/maenoellefoto/2769601478/ w3c - http://www.flickr.com/photos/maxf/112944254/ beavis and butthead - ? Thursday, 12 January 2012

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n\n
  8. Australian trains\n
  9. \n
  10. In 1917, a person wanting to travel from Perth to Brisbane on an east-to-west crossing of the continent had to change trains six times.\n
  11. \n
  12. \n
  13. I didn’t know lycos still existed!\n
  14. \n
  15. \n
  16. So now it’s all peace and love, and all browsers support the core standards the same. Well mostly...although there are still some niggles\nAnd now we’ve got heavily into using unfinished stuff on web sites, like HTML5 and CSS3\nAnd we’ve still got to support IE6-8, for the moment\nAnd loads of different devices to support, tablet, mobile, etc.\n\nBut this is a story for another day! At least we are aware of the right way to do it.\n
  17. \n
  18. \n
  19. \n
  20. The member organizations are where the W3C gets most of its funding.\n\nThey do it for the good of the web, but also to push their own agendas as much as they can\n
  21. \n
  22. \n
  23. \n
  24. 150 days to deal with IP exclusion. Otherwise “royalty free” tends to come into play anyway\n\n<video> relies on video codecs/formats, some have patents, so they are left out of the spec.\n
  25. \n
  26. \n
  27. \n
  28. \n
  29. Until of course, wider implementation and more testing is done, and errata start flooding in.\n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. The spec is really supposed to be developed and prototyped before it is implemented and popularised, but often it happens the other way around. This is a bit naughty, but hey, we’ve all done it.\n
  39. \n
  40. \n
  41. \n