the browser is not a document reader!
TRANSCRIPT
@RachelNabors .com
courses.rachelnabors.com rachelnabors.com/waapi
slack.animationatwork.combkaprt.com/aaw
起承転結Kishōtenketsu
Kishōtenketsu 起承転結• Ki 起 Introduc5on
• Shō 承 Development
• Ten 転 Twist!
• Ketsu 結 Conclusion
The Pixar Prompt
Once upon a 5me there was…
Every day…
One day…. Because of that… Because of that…
Un5l finally…
Wal
l-E a
nd E
ve ©
Pix
ar
The browser is not a document reader.
The browser is not a document reader.
with @RachelNabors
Ki 起
Shō 承
1995
…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
“
1997: Internet Explorer 4
• The Document Object Model (DOM API)
• AJAX (asynchronous JavaScript)
• Data-binding
1998: Internet Explorer 5
much fastso perf
very render
1995
“I
ntern
et T
idal
Wav
e” m
emo
1997
In
tern
et E
xplo
rer 6
launch
es
1998
In
tern
et E
xplo
rer 5
launch
es
DYNAMIC HTMLDOM API async JS
data binding
Ten 転
2004-2005: Gmail and Google Maps
Ember 2011Angular 2010 React 2013
1995
“I
ntern
et T
idal
Wav
e” m
emo
1997
In
tern
et E
xplo
rer 6
launch
es
1998
In
tern
et E
xplo
rer 5
launch
es
1995
“Inte
rnet
Tid
al W
ave”
mem
o
2013
Rea
ct
2004
Gm
ail
1997
IE 4
1998
IE 5
2005
Goo
gle M
aps
2010
Angu
lar
2011
Em
berDHTML Era
Ketsu 結
The web has been steadily becoming more than a series of
linked documents.
The Appy Web
The browser is the first piece of software most people open on
their computers.
code.visualstudio.com
Mic
roso
4 Te
ams
PWAs are just the new standard for the web.
Chris Wilson Google, W3C
“
The browser has become a legitimate app platform.
11:30–12:00
Progressive Web Apps: An easy answer to unequal housework
Sara Harkousse Dassault Systèmes
The Interactive Web
1995
“Inte
rnet
Tid
al W
ave”
mem
o
2013
Rea
ct
2004
Gm
ail
1997
IE 4
1998
IE 5
2005
Goo
gle M
aps
2010
Angu
lar
“Thou
ghts
on
Flash
” let
ter
2011
Em
ber
2010: “Thoughts on Flash”
The death of Flash was a good thing…
…but not for the reasons you’re thinking of.
What about
video st
reaming?
And games!And sound effects?!
And UI animation?
AND MY
ANIMATION UI?!?
goo.gl/Ek7T5h
codepen.io/jakealbaugh/pen/
qNrZyw
15:00–15:30
Rethinking web accessibility: Using AR for people with disabili5es
Shwetank Dixit BarrierBreak
Fire
fox
Dev
elop
er E
di;o
n
spiritapp.io
The 3D Web
(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
“
web3d.org
<shape> <appearance> <material diffuseColor='1 0 0'></material> </appearance> <box></box> </shape>
skfb.ly/K
GMq
acute3d.com
/web-publishing-with-
cesium/
acute3d.com
propelleraero.com
These are not “web” companies, but they are using “web” technologies.
The Virtual Web
w3c.github.io/w
ebvr/spec/1.1/
w3.org/com
munity/w
ebvr/
inspirit.unboring.net
khronos.org/openxr
khronos.org/openxr
blog.mozilla.org/blog/2017/10/20/
bringing-mixed-reality-web/
10:30–11:00
There is no spoon: Building VR experiences in the Browser (With JS)
Shwetank Dixit Noders
The technologies we’re pushing forward today will shape the Web
years and years from now.
smashingmagazine.com/2016/03/houdini-maybe-the-
most-exciting-development-in-css-youve-never-heard-of/
webassembly.org/dem
o/
16:00–16:30
WebAssembly for the rest of us
Jan-Erik Rediger
Talk to browsers!
twitter.com/msedgedev
Support the features that matter to you…
wpdev.uservoice.com/forums/257854-microsoft-edge-developer
File bug reports.
developer.microsoft.com/en-us/microsoft-edge/platform/issues/
Join a W3C Community/Business group at w3.org/community
responsibly.Use your favorite features…
Once upon a time…
1995
“Inte
rnet
Tid
al W
ave”
mem
o
2013
Rea
ct
2004
Gm
ail
1997
IE 4
1998
IE 5
2005
Goo
gle M
aps
2010
Angu
lar
2011
Em
ber
起 承転
結
The browser is not a document reader…
…it is what we make it.
@RachelNabors .com