Successfully reported this slideshow.
The Future ofthe Web
TAGTC39
Legrand Star story
maincontent component
"It sucks!"Adding features to the web thisway is really annoying. You haveto hack in deep and multiplelibraries that do th...
We prefer adecentralizeddesign
We like picturefill
We like jQuery
Why?
Iterate Without Risk"Dont break the web" is themantra of standards and browservendors. Experimentation vialibraries doesnt...
Domain-SpecificSolutionsSynthesizing all use-cases into asingle "standard" is very hard.Allowing domain-specificsolutions re...
SimplerStandardizationIf everything goes well and itmakes sense to standardize, its alot easier to do that when thedevelop...
Theres No RushThe standards process often jumps on someproblem, like offline or local storage,because its perceived as urgen...
Feedback Loop
"It sucks"
App Cache
Centrally PlannedNew Capabilities
www.yehudakatz.com
www.yehudakatz.com
www.yehudakatz.com
www.yehudakatz.com
www.yehudakatz.com
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Black BoxYou can add offline caching, but its a blackbox thats totally controlled by the relativelyslow-moving standards pro...
Reported: 2011-11-05
Reported: 2011-11-052012-06-14Ian Hixie HicksonIve added the idea incomment 27 to theWHATWG spec
Reported: 2011-11-052012-06-14Ian Hixie HicksonIve added the idea incomment 27 to theWHATWG spec2013-06-05: implemented?
slightlyoff / NavigationController
www.yehudakatz.com
www.yehudakatz.com
www.yehudakatz.comcontroller.js
www.yehudakatz.comcontroller.js
www.yehudakatz.comcontroller.js
www.yehudakatz.comcontroller.js
www.yehudakatz.comcontroller.js
www.yehudakatz.comcontroller.js
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
www.yehudakatz.com
www.yehudakatz.com
www.yehudakatz.comcontroller.js
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.ye...
App Cache as aLibraryYou can now implement app cache as alibrary, and if the initial implementation isinsufficient, a much w...
Custom Elements
import { imageBitmapStream, HTMLCanvasElement }from "web/html/canvas";import fetch from "web/network/fetch";class CustomIm...
Standards Focus onCapabilitiesStandards bodies are needed to exposenew capabilities in a cross-browser way.Browser vendors...
Developers Iterate onHigher Level APIsMore capabilities and hooks into the highlevel APIs of the platform mean that librar...
Browser Vendorsseed the discussionIncreasingly, browser vendors are seeding thediscussion by providing libraries like X-Ta...
Let a ThousandMathMLs Bloom!Finally, by making it possible for libraries to build high-level features that compose well an...
The future of the webis decentralizedinnovationThe web got started with the radical idea thatdocument authors shouldnt nee...
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Upcoming SlideShare
Loading in …5
×

Future of the Web - Yehuda Katz

1,880 views

Published on

Yehuda will talk about how the standards bodies are evolving the web to make it easier for web developers to evolve. Instead of trying to solve platform problems centrally, the web platform is increasingly giving us the power to decide what the next version will look like. What can we do with this power, and what should we do?

Published in: Technology
  • Be the first to comment

Future of the Web - Yehuda Katz

  1. 1. The Future ofthe Web
  2. 2. TAGTC39
  3. 3. Legrand Star story
  4. 4. maincontent component
  5. 5. "It sucks!"Adding features to the web thisway is really annoying. You haveto hack in deep and multiplelibraries that do this usually dontplay nicely together.
  6. 6. We prefer adecentralizeddesign
  7. 7. We like picturefill
  8. 8. We like jQuery
  9. 9. Why?
  10. 10. Iterate Without Risk"Dont break the web" is themantra of standards and browservendors. Experimentation vialibraries doesnt have thisproblem!
  11. 11. Domain-SpecificSolutionsSynthesizing all use-cases into asingle "standard" is very hard.Allowing domain-specificsolutions relieves the pressureand helps flesh out the use-cases.
  12. 12. SimplerStandardizationIf everything goes well and itmakes sense to standardize, its alot easier to do that when thedeveloper ecosystem has beeniterating on solutions for a while.
  13. 13. Theres No RushThe standards process often jumps on someproblem, like offline or local storage,because its perceived as urgent. Librarysolutions reduce the urgency and themistakes that come from rushing.
  14. 14. Feedback Loop
  15. 15. "It sucks"
  16. 16. App Cache
  17. 17. Centrally PlannedNew Capabilities
  18. 18. www.yehudakatz.com
  19. 19. www.yehudakatz.com
  20. 20. www.yehudakatz.com
  21. 21. www.yehudakatz.com
  22. 22. www.yehudakatz.com
  23. 23. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com
  24. 24. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com
  25. 25. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">
  26. 26. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">
  27. 27. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">
  28. 28. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">
  29. 29. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com
  30. 30. Black BoxYou can add offline caching, but its a blackbox thats totally controlled by the relativelyslow-moving standards process.
  31. 31. Reported: 2011-11-05
  32. 32. Reported: 2011-11-052012-06-14Ian Hixie HicksonIve added the idea incomment 27 to theWHATWG spec
  33. 33. Reported: 2011-11-052012-06-14Ian Hixie HicksonIve added the idea incomment 27 to theWHATWG spec2013-06-05: implemented?
  34. 34. slightlyoff / NavigationController
  35. 35. www.yehudakatz.com
  36. 36. www.yehudakatz.com
  37. 37. www.yehudakatz.comcontroller.js
  38. 38. www.yehudakatz.comcontroller.js
  39. 39. www.yehudakatz.comcontroller.js
  40. 40. www.yehudakatz.comcontroller.js
  41. 41. www.yehudakatz.comcontroller.js
  42. 42. www.yehudakatz.comcontroller.js
  43. 43. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.comcontroller.js
  44. 44. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com
  45. 45. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">
  46. 46. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">controller.js
  47. 47. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">controller.js
  48. 48. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">controller.js
  49. 49. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">controller.js
  50. 50. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">controller.js
  51. 51. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">controller.js
  52. 52. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.comcontroller.js
  53. 53. www.yehudakatz.com
  54. 54. www.yehudakatz.com
  55. 55. www.yehudakatz.comcontroller.js
  56. 56. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.comcontroller.js
  57. 57. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com
  58. 58. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">
  59. 59. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.com<img src="face.png">controller.js
  60. 60. Gastropub wolf street art Austin actually. Blue bottlecliche Marfa, scenester roof party before they soldout Godard.www.yehudakatz.comcontroller.js
  61. 61. App Cache as aLibraryYou can now implement app cache as alibrary, and if the initial implementation isinsufficient, a much wider community caniterate on it. Domain-specific solutions canalso emerge.
  62. 62. Custom Elements
  63. 63. import { imageBitmapStream, HTMLCanvasElement }from "web/html/canvas";import fetch from "web/network/fetch";class CustomImage extends HTMLCanvasElement {readyCallback() {fetch(this.src).pipe(imageBitmapStream).pipe(this);}}document.register(custom-image, CustomImage);<html><custom-image src="logo.png"></custom-image></html>
  64. 64. Standards Focus onCapabilitiesStandards bodies are needed to exposenew capabilities in a cross-browser way.Browser vendors working through thestandards process ensure that thesecapabilities are secure and efficient.In the short term, this also meansexposing hooks into HTML andCSS, so that library authors canadd new high-level features withoutrewriting the entire stack.
  65. 65. Developers Iterate onHigher Level APIsMore capabilities and hooks into the highlevel APIs of the platform mean that libraryauthors can iterate on features that wouldpreviously have required nativeimplementations.
  66. 66. Browser Vendorsseed the discussionIncreasingly, browser vendors are seeding thediscussion by providing libraries like X-Tags, Polymer,MDV, Persona, etc. This gives developers a place tostart and lets them use "experimental" features rightaway without fear of breaking the web.
  67. 67. Let a ThousandMathMLs Bloom!Finally, by making it possible for libraries to build high-level features that compose well and feel native, weenable niche communities to build up their owndeclarative vocabularies. Communities with specialcaching needs can make their own app cache.
  68. 68. The future of the webis decentralizedinnovationThe web got started with the radical idea thatdocument authors shouldnt need permissionfrom a central authority to publish.Why not apply the same ideas to the standardsprocess itself?

×