The Layers Of The Web

A presentation at Beyond Tellerrand in November 2019 in Berlin, Germany by Jeremy Keith

Slide 1

Slide 1

The Layers of The Web

Slide 2

Slide 2

Tim Berners-Lee

Slide 3

Slide 3

Information Management: A Proposal

Slide 4

Slide 4

Slide 5

Slide 5

Slide 6

Slide 6

Slide 7

Slide 7

Slide 8

Slide 8

Slide 9

Slide 9

Mary Lee Woods

Slide 10

Slide 10

Ferranti Mark I

Slide 11

Slide 11

Antikythera mechanism

Slide 12

Slide 12

Charles Babbage

Slide 13

Slide 13

The Difference Engine

Slide 14

Slide 14

Ada Lovelace

Slide 15

Slide 15

Alan Turing

Slide 16

Slide 16

Colossus

Slide 17

Slide 17

Vannevar Bush

Slide 18

Slide 18

As We May Think

Slide 19

Slide 19

memex

Slide 20

Slide 20

Douglas Engelbart

Slide 21

Slide 21

The Mother Of All Demos

Slide 22

Slide 22

Stewart Brand

Slide 23

Slide 23

Why haven't we seen a photograph of the whole Earth yet?

Slide 24

Slide 24

The Whole Earth Catalog

Slide 25

Slide 25

Spacewar

Slide 26

Slide 26

How Buildings Learn

Slide 27

Slide 27

shearing layers

Slide 28

Slide 28

Slide 29

Slide 29

The Long Now Foundation

Slide 30

Slide 30

The Clock Of The Long Now

Slide 31

Slide 31

The Clock Of The Long Now

Slide 32

Slide 32

The Clock Of The Long Now

Slide 33

Slide 33

pace layers

Slide 34

Slide 34

pace layers

Slide 35

Slide 35

The Elements Of User Experience

Slide 36

Slide 36

The Elements Of User Experience

Slide 37

Slide 37

The Elements Of User Experience

Slide 38

Slide 38

JS+ CSS HTML URLs HTTP TCP/IP

Slide 39

Slide 39

JS+ HTTP TCP/IP

Slide 40

Slide 40

JavaScript HTTP

Slide 41

Slide 41

works great doesn’t work

Slide 42

Slide 42

works great works well works fine just about works doesn’t work

Slide 43

Slide 43

JavaScript CSS HTML URLs HTTP

Slide 44

Slide 44

How well does it work?

Slide 45

Slide 45

How well does it fail?

Slide 46

Slide 46

JavaScript CSS HTML URLs HTTP

Slide 47

Slide 47

Principle of Least Power

“ Choose the least powerful language suitable for a given purpose.”

Slide 48

Slide 48

complex simple

Slide 49

Slide 49

complex simple

Slide 50

Slide 50

web app website

Slide 51

Slide 51

web app website

Slide 52

Slide 52

progressive web app website

Slide 53

Slide 53

progressive web app HTTPS website

Slide 54

Slide 54

progressive web app web app manifest HTTPS website

Slide 55

Slide 55

progressive web app service worker web app manifest HTTPS website

Slide 56

Slide 56

Going Offline

abookapart.com

Slide 57

Slide 57

JS CSS HTML URLs HTTP TCP/IP

Slide 58

Slide 58

JS CSS HTML URLs

Slide 59

Slide 59

huffduffer.com

Slide 60

Slide 60

huffduffer.com

Slide 61

Slide 61

ampersand.com

Slide 62

Slide 62

trivago.com

Slide 63

Slide 63

resilientwebdesign.com

Slide 64

Slide 64

adactio.com

Slide 65

Slide 65

adactio.com

Slide 66

Slide 66

archive.dconstruct.org

Slide 67

Slide 67

archive.dconstruct.org

Slide 68

Slide 68

archive.dconstruct.org

Slide 69

Slide 69

archive.dconstruct.org

Slide 70

Slide 70

background sync push notifications add to home screen offline caching service worker

Slide 71

Slide 71

Slide 72

Slide 72

Slide 73

Slide 73

Slide 74

Slide 74

Slide 75

Slide 75

Thank you