際際滷

際際滷Share a Scribd company logo
The Future of
the Web
TAG
TC39
Legrand Star story
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
maincontent component
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
"It sucks!"
Adding features to the web this
way is really annoying. You have
to hack in deep and multiple
libraries that do this usually don't
play nicely together.
We prefer a
decentralized
design
We like picture鍖ll
We like jQuery
Why?
Iterate Without Risk
"Don't break the web" is the
mantra of standards and browser
vendors. Experimentation via
libraries doesn't have this
problem!
Domain-Speci鍖c
Solutions
Synthesizing all use-cases into a
single "standard" is very hard.
Allowing domain-speci鍖c
solutions relieves the pressure
and helps 鍖esh out the use-cases.
Simpler
Standardization
If everything goes well and it
makes sense to standardize, it's a
lot easier to do that when the
developer ecosystem has been
iterating on solutions for a while.
There's No Rush
The standards process often jumps on some
problem, like o鍖ine or local storage,
because it's perceived as urgent. Library
solutions reduce the urgency and the
mistakes that come from rushing.
Feedback Loop
"It sucks"
App Cache
Future of the Web - Yehuda Katz
Future of the Web - Yehuda Katz
Centrally Planned
New Capabilities
Future of the Web - Yehuda Katz
www.yehudakatz.com
www.yehudakatz.com
www.yehudakatz.com
www.yehudakatz.com
www.yehudakatz.com
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
Black Box
You can add o鍖ine caching, but it's a black
box that's totally controlled by the relatively
slow-moving standards process.
Future of the Web - Yehuda Katz
Reported: 2011-11-05
Reported: 2011-11-05
2012-06-14
Ian 'Hixie' Hickson
I've added the idea in
comment 27 to the
WHATWG spec
Reported: 2011-11-05
2012-06-14
Ian 'Hixie' Hickson
I've added the idea in
comment 27 to the
WHATWG spec
2013-06-05: implemented?
Future of the Web - Yehuda Katz
slightlyo鍖 / NavigationController
Future of the Web - Yehuda Katz
www.yehudakatz.com
www.yehudakatz.com
www.yehudakatz.com
controller.js
www.yehudakatz.com
controller.js
www.yehudakatz.com
controller.js
www.yehudakatz.com
controller.js
www.yehudakatz.com
controller.js
www.yehudakatz.com
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
controller.js
Future of the Web - Yehuda Katz
www.yehudakatz.com
www.yehudakatz.com
www.yehudakatz.com
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
<img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
controller.js
Gastropub wolf street art Austin actually. Blue bottle
cliche Marfa, scenester roof party before they sold
out Godard.
www.yehudakatz.com
controller.js
App Cache as a
Library
You can now implement app cache as a
library, and if the initial implementation is
insu鍖cient, a much wider community can
iterate on it. Domain-speci鍖c solutions can
also emerge.
Custom Elements
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=/slideshow/future-of-the-web-22738028/22738028/"logo.png"></custom-image>
</html>
Standards Focus on
Capabilities
Standards bodies are needed to expose
new capabilities in a cross-browser way.
Browser vendors working through the
standards process ensure that these
capabilities are secure and e鍖cient.
In the short term, this also means
exposing hooks into HTML and
CSS, so that library authors can
add new high-level features without
rewriting the entire stack.
Developers Iterate on
Higher Level APIs
More capabilities and hooks into the high
level APIs of the platform mean that library
authors can iterate on features that would
previously have required native
implementations.
Browser Vendors
seed the discussion
Increasingly, browser vendors are seeding the
discussion by providing libraries like X-Tags, Polymer,
MDV, Persona, etc. This gives developers a place to
start and lets them use "experimental" features right
away without fear of breaking the web.
Let a Thousand
MathMLs Bloom!
Finally, by making it possible for libraries to build high-
level features that compose well and feel native, we
enable niche communities to build up their own
declarative vocabularies. Communities with special
caching needs can make their own app cache.
The future of the web
is decentralized
innovation
The web got started with the radical idea that
document authors shouldn't need permission
from a central authority to publish.
Why not apply the same ideas to the standards
process itself?

More Related Content

Future of the Web - Yehuda Katz

  • 12. "It sucks!" Adding features to the web this way is really annoying. You have to hack in deep and multiple libraries that do this usually don't play nicely together.
  • 16. Why?
  • 17. Iterate Without Risk "Don't break the web" is the mantra of standards and browser vendors. Experimentation via libraries doesn't have this problem!
  • 18. Domain-Speci鍖c Solutions Synthesizing all use-cases into a single "standard" is very hard. Allowing domain-speci鍖c solutions relieves the pressure and helps 鍖esh out the use-cases.
  • 19. Simpler Standardization If everything goes well and it makes sense to standardize, it's a lot easier to do that when the developer ecosystem has been iterating on solutions for a while.
  • 20. There's No Rush The standards process often jumps on some problem, like o鍖ine or local storage, because it's perceived as urgent. Library solutions reduce the urgency and the mistakes that come from rushing.
  • 33. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com
  • 34. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com
  • 35. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
  • 36. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
  • 37. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
  • 38. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
  • 39. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com
  • 40. Black Box You can add o鍖ine caching, but it's a black box that's totally controlled by the relatively slow-moving standards process.
  • 43. Reported: 2011-11-05 2012-06-14 Ian 'Hixie' Hickson I've added the idea in comment 27 to the WHATWG spec
  • 44. Reported: 2011-11-05 2012-06-14 Ian 'Hixie' Hickson I've added the idea in comment 27 to the WHATWG spec 2013-06-05: implemented?
  • 56. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com controller.js
  • 57. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com
  • 58. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
  • 59. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png"> controller.js
  • 60. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png"> controller.js
  • 61. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png"> controller.js
  • 62. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png"> controller.js
  • 63. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png"> controller.js
  • 64. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png"> controller.js
  • 65. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com controller.js
  • 70. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com controller.js
  • 71. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com
  • 72. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png">
  • 73. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com <img src=/slideshow/future-of-the-web-22738028/22738028/"face.png"> controller.js
  • 74. Gastropub wolf street art Austin actually. Blue bottle cliche Marfa, scenester roof party before they sold out Godard. www.yehudakatz.com controller.js
  • 75. App Cache as a Library You can now implement app cache as a library, and if the initial implementation is insu鍖cient, a much wider community can iterate on it. Domain-speci鍖c solutions can also emerge.
  • 77. 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=/slideshow/future-of-the-web-22738028/22738028/"logo.png"></custom-image> </html>
  • 78. Standards Focus on Capabilities Standards bodies are needed to expose new capabilities in a cross-browser way. Browser vendors working through the standards process ensure that these capabilities are secure and e鍖cient. In the short term, this also means exposing hooks into HTML and CSS, so that library authors can add new high-level features without rewriting the entire stack.
  • 79. Developers Iterate on Higher Level APIs More capabilities and hooks into the high level APIs of the platform mean that library authors can iterate on features that would previously have required native implementations.
  • 80. Browser Vendors seed the discussion Increasingly, browser vendors are seeding the discussion by providing libraries like X-Tags, Polymer, MDV, Persona, etc. This gives developers a place to start and lets them use "experimental" features right away without fear of breaking the web.
  • 81. Let a Thousand MathMLs Bloom! Finally, by making it possible for libraries to build high- level features that compose well and feel native, we enable niche communities to build up their own declarative vocabularies. Communities with special caching needs can make their own app cache.
  • 82. The future of the web is decentralized innovation The web got started with the radical idea that document authors shouldn't need permission from a central authority to publish. Why not apply the same ideas to the standards process itself?