a new hope – the web strikes back

58
A New Hope – the web strikes back Chris Heilmann @codepo8, Awwwards, New York City…, June 2016 https://www.flickr.com/photos/dudeoflego/5104751355

Upload: christian-heilmann

Post on 20-Mar-2017

2.454 views

Category:

Data & Analytics


0 download

TRANSCRIPT

Page 1: A New Hope – the web strikes back

A New Hope – the web strikes back

Chris Heilmann @codepo8, Awwwards, New York City…, June 2016

http

s://w

ww

.flic

kr.c

om/p

hoto

s/du

deof

lego

/510

4751

355

Page 2: A New Hope – the web strikes back

PROGRESSIVE

Page 3: A New Hope – the web strikes back
Page 4: A New Hope – the web strikes back

🔧 Distributed 🔧 Independent of hardware,

software and ability 🔧 Based on open, documented and

agreed protocols and technologies

https://www.flickr.com/photos/soundwave3387/25046540553/

Page 5: A New Hope – the web strikes back

🔧 Reliability 🔧 Trustworthiness 🔧 A home base to explore from

Page 6: A New Hope – the web strikes back

WEB

Page 7: A New Hope – the web strikes back

🔧Non-intrusive or aggressive 🔧 Built for human interaction and as

a read+write medium 🔧Open for professionals and

enthusiasts alike

https://www.flickr.com/photos/10462056@N06/18463551639/

Page 8: A New Hope – the web strikes back

The link is what gives the web its power. It's an energy field created by all living things. It surrounds us and penetrates us. It binds the web together.

Page 9: A New Hope – the web strikes back

The web will be with you, always.

Page 10: A New Hope – the web strikes back

A flaw more and more common among web developers. Too sure of themselves they are. Even the older, more experienced ones.

Page 11: A New Hope – the web strikes back

And I am TFM, human-cyborg relations. And this is my counterpart RTFM.

https://www.flickr.com/photos/elentir/4434697038

Page 12: A New Hope – the web strikes back

Do, or do not. There is no try.

Page 13: A New Hope – the web strikes back

Only a Sith deals in absolutes.

Page 14: A New Hope – the web strikes back

Several developers have broken off from the main group. Come with me!

https://www.flickr.com/photos/126563046@N06/25708945400

Page 15: A New Hope – the web strikes back

JavaScript

Page 16: A New Hope – the web strikes back

<ahref="#">Alderaan</a>

Page 17: A New Hope – the web strikes back

<ahref="javascript:void(0)">Alderaan</a>

Page 18: A New Hope – the web strikes back

🔧 JavaScript is not fault tolerant 🔧 A lot can go wrong on the way 🔧We might never be aware that

there is an issue…

Page 19: A New Hope – the web strikes back

You came in that? You’re braver than I thought.

Page 20: A New Hope – the web strikes back

Uh, everything's under control. Situation normal…

Page 21: A New Hope – the web strikes back

Ideally, a JavaScript developer took many months to construct a single script that he or she would keep and use for a lifetime. Once you build it, the script will become your constant companion, your tool, and a ready means of defensive development.

Page 22: A New Hope – the web strikes back

And I am TFM, human-cyborg relations. And this is my counterpart RTFM.

https://www.flickr.com/photos/elentir/4434697038

Page 23: A New Hope – the web strikes back

Stackoverflow copy and paste: You will never find a more wretched hive of scum and villainy. We must be cautious.

Page 24: A New Hope – the web strikes back

Hokey religions and ancient weapons are no match for a good blaster at your side, kid.

Page 25: A New Hope – the web strikes back

That's no moon. It's the average web site clocking in at 2.2 MB.

Page 26: A New Hope – the web strikes back

The market forces cloud everything. Impossible to see the future is.

Page 27: A New Hope – the web strikes back

🌧Mobile was a throwback to the web of old

🌧 Small screens, bad connectivity, unreliable browser support

🌧 Constantly changing conditions 🌧 Hardwired browser and hardware

with upgrades

Page 28: A New Hope – the web strikes back

APPS

Page 29: A New Hope – the web strikes back

I felt a great disturbance in the web, as if millions of links suddenly cried out in terror and were suddenly silenced. I fear something terrible has happened.

Page 30: A New Hope – the web strikes back

We seem to be made to suffer. It's our lot in life.

https://www.flickr.com/photos/elentir/4434697038

Page 31: A New Hope – the web strikes back

We're doomed.

https://www.flickr.com/photos/elentir/4434697038

Page 32: A New Hope – the web strikes back

Looks like I'm going nowhere... I'm gonna finish cleaning those 'droids.

Page 33: A New Hope – the web strikes back

Don't be too proud of this technological terror you've constructed. The ability to control distribution and update cycles is insignificant next to the power of the web.

https://www.flickr.com/photos/126563046@N06/25708945400

Page 34: A New Hope – the web strikes back

The web will be with you, always.

Page 35: A New Hope – the web strikes back

WEB APPS

Page 36: A New Hope – the web strikes back

This is some rescue! You came in here, but didn't you have a plan for getting out?

Page 37: A New Hope – the web strikes back

Uh, we had a slight weapons malfunction, but uh... everything's perfectly all right now. We're fine. We're all fine here now, thank you. How are you?

https://www.flickr.com/photos/jdhancock/3579878853

Page 38: A New Hope – the web strikes back

I sense something; a presence I've not felt since...

https://www.flickr.com/photos/126563046@N06/25708945400

Page 39: A New Hope – the web strikes back

The App honeymoon period is over!

http://www.recode.net/2016/6/8/11883518/app-boom-over-snapchat-uber

http://qz.com/253618/most-smartphone-users-download-zero-apps-per-month/

Page 40: A New Hope – the web strikes back

The more you tighten your grip, the more initial users will slip through your fingers.

Page 41: A New Hope – the web strikes back

The more you tighten your grip, the more initial users will slip through your fingers.

Page 42: A New Hope – the web strikes back

The more you tighten your grip, the more users will slip through your fingers.

Page 43: A New Hope – the web strikes back

The more you tighten your grip, the more users will slip through your fingers.

Page 44: A New Hope – the web strikes back

The web will be with you, always.

Page 45: A New Hope – the web strikes back

Han Solo: This is *not* gonna work. Luke Skywalker: Why didn't you say so before? Han Solo: I *did* say so before.

Page 46: A New Hope – the web strikes back

https://remysharp.com/2016/05/28/state-of-the-gap

Page 47: A New Hope – the web strikes back
Page 48: A New Hope – the web strikes back
Page 49: A New Hope – the web strikes back
Page 50: A New Hope – the web strikes back

https://remysharp.com/2016/05/28/state-of-the-gap

Page 51: A New Hope – the web strikes back

Use the comlink? Oh my! I forgot, I turned it off.

https://www.flickr.com/photos/elentir/4434697038

Page 52: A New Hope – the web strikes back

Your father's Service Worker. This is the weapon of a Jedi Knight. Not as clumsy or random as AppCache; an elegant weapon for a more civilised age.

Page 53: A New Hope – the web strikes back

PROGRESSIVE WEB APPS

Page 54: A New Hope – the web strikes back

🔧Working offline using Service Worker

🔧 Can hibernate and notify on change

🔧 Possible progressive enhancement of a working, standard web site

🔧More functionality with subsequent visits

🔧 The link is the distribution model

Page 55: A New Hope – the web strikes back

🔧 All the benefits of native apps - none of the sluggish distribution issues

🔧Natural evolution of web content into the mobile form factor

🔧 A big opportunity to crack the closed distribution model

Page 56: A New Hope – the web strikes back
Page 57: A New Hope – the web strikes back

STAY ON TARGET

Page 58: A New Hope – the web strikes back

Of innovation and impatience

Chris Heilmann @codepo8, Future Decoded, London, Nov 2015

CHRIS HEILMANN @CODEPO8

THANKS!