Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The browser is not a document reader!

65 views

Published on

Keynoted JS Kongress 2017 with a meta story about storytelling—and how the web we build today has a ripple impact on all the things to come tomorrow. Watch it online: https://www.youtube.com/watch?v=vMEzMVk8yAU

Published in: Internet
  • Be the first to comment

  • Be the first to like this

The browser is not a document reader!

  1. 1. @RachelNabors .com
  2. 2. courses.rachelnabors.com rachelnabors.com/waapi slack.animationatwork.combkaprt.com/aaw
  3. 3. rachelnabors.com/blackbrickroad
  4. 4. 起承転結 Kishōtenketsu
  5. 5. Kishōtenketsu 起承転結 • Ki 起 Introduc5on • Shō 承 Development • Ten 転 Twist! • Ketsu 結 Conclusion
  6. 6. The Pixar Prompt Once upon a 5me there was… Every day… One day…. Because of that… Because of that… Un5l finally…
  7. 7. Wall-EandEve©Pixar
  8. 8. The browser is not a document reader. The browser is not a document reader. with @RachelNabors
  9. 9. Ki 起
  10. 10. Shō 承
  11. 11. 1995
  12. 12. …I want to make clear that our focus on the Internet is crucial to every part of our business. The Internet is the most important single development to come along since the IBM PC was introduced in 1981. It is even more important than the arrival of the graphical user interface (GUI).Bill Gates ‘Internet Tidal Wave’ internal memo, 1995 “
  13. 13. 1997: Internet Explorer 4 • The Document Object Model (DOM API) • AJAX (asynchronous JavaScript) • Data-binding
  14. 14. 1998: Internet Explorer 5 much fast so perf very render
  15. 15. 1995“InternetTidalW ave”memo 1997InternetExplorer6launches 1998InternetExplorer5launches
  16. 16. DYNAMIC HTML DOM API async JS data binding
  17. 17. dynamicdrive.com
  18. 18. Ten 転
  19. 19. 2004-2005: Gmail and Google Maps
  20. 20. Ember 2011Angular 2010 React 2013
  21. 21. 1995“InternetTidalW ave”memo 1997InternetExplorer6launches 1998InternetExplorer5launches
  22. 22. 1995“InternetTidalW ave”memo 2013React 2004Gmail 1997IE41998IE5 2005GoogleM aps 2010Angular 2011Ember DHTML Era
  23. 23. Ketsu 結
  24. 24. The web has been steadily becoming more than a series of linked documents.
  25. 25. The Appy Web
  26. 26. The browser is the first piece of software most people open on their computers.
  27. 27. code.visualstudio.com
  28. 28. Microso4Teams
  29. 29. PWAs are just the new standard for the web. Chris Wilson Google, W3C “
  30. 30. The browser has become a legitimate app platform.
  31. 31. 11:30–12:00 Progressive Web Apps: An easy answer to unequal housework Sara Harkousse Dassault Systèmes
  32. 32. The Interactive Web
  33. 33. 1995“InternetTidalW ave”memo 2013React 2004Gmail 1997IE41998IE5 2005GoogleM aps 2010Angular “Thoughtson Flash”letter 2011Ember
  34. 34. 2010: “Thoughts on Flash”
  35. 35. The death of Flash was a good thing… …but not for the reasons you’re thinking of.
  36. 36. What about
 video streaming? And games! And soundeffects?! And UIanimation? AND MY ANIMATION UI?!?
  37. 37. goo.gl/Ek7T5h
  38. 38. codepen.io/jakealbaugh/pen/ qNrZyw
  39. 39. 15:00–15:30 Rethinking web accessibility: Using AR for people with disabili5es Shwetank Dixit BarrierBreak
  40. 40. FirefoxDeveloperEdi;on
  41. 41. spiritapp.io
  42. 42. The 3D Web
  43. 43. (VRML) is a proposal to allow VR environments to be incorporated into the World Wide Web, thereby allowing users to “walk” around and push through doors to follow hyperlinks to other parts of the Web. David Ragge; Hewlett Packard Laboratories “
  44. 44. web3d.org
  45. 45. <shape> <appearance> <material diffuseColor='1 0 0'></material> </appearance> <box></box> </shape>
  46. 46. skfb.ly/KGMq
  47. 47. acute3d.com/web-publishing-with- cesium/
  48. 48. acute3d.com
  49. 49. propelleraero.com
  50. 50. These are not “web” companies, but they are using “web” technologies.
  51. 51. The Virtual Web
  52. 52. w3c.github.io/webvr/spec/1.1/
  53. 53. w3.org/community/webvr/
  54. 54. inspirit.unboring.net
  55. 55. khronos.org/openxr
  56. 56. khronos.org/openxr
  57. 57. blog.mozilla.org/blog/2017/10/20/ bringing-mixed-reality-web/
  58. 58. 10:30–11:00 There is no spoon: Building VR experiences in the Browser (With JS) Shwetank Dixit Noders
  59. 59. The technologies we’re pushing forward today will shape the Web years and years from now.
  60. 60. smashingmagazine.com/2016/03/houdini-maybe-the- most-exciting-development-in-css-youve-never-heard-of/
  61. 61. webassembly.org/demo/
  62. 62. 16:00–16:30 WebAssembly for the rest of us Jan-Erik Rediger
  63. 63. Talk to browsers! twitter.com/msedgedev
  64. 64. Support the features that matter to you… wpdev.uservoice.com/forums/257854-microsoft-edge-developer
  65. 65. File bug reports. developer.microsoft.com/en-us/microsoft-edge/platform/issues/
  66. 66. Join a W3C Community/Business group at w3.org/community
  67. 67. responsibly. Use your favorite features…
  68. 68. Once upon a time…
  69. 69. 1995“InternetTidalW ave”memo 2013React 2004Gmail 1997IE41998IE5 2005GoogleM aps 2010Angular 2011Ember 起 承 転
  70. 70.
  71. 71. The browser is not a document reader… …it is what we make it. @RachelNabors .com

×