Building

A presentation at New Adventures 2019 in January 2019 in Nottingham, UK by Jeremy Keith

Slide 1

Slide 1

BUILDING

Slide 2

Slide 2

LANGUAGE

Slide 3

Slide 3

#greenideas

Slide 4

Slide 4

LANGUAGE

Slide 5

Slide 5

The Chicken Game

Slide 6

Slide 6

Metaphors We Live By by George Lakoff

Slide 7

Slide 7

Understanding Comics by Scott McCloud

Slide 8

Slide 8

Understanding Comics by Scott McCloud

Slide 9

Slide 9

A Dao Of Web Design by John Allsopp

Slide 10

Slide 10

Creating Killer Web Sites by David Siegel

Slide 11

Slide 11

Writing

Slide 12

Slide 12

web sites

Slide 13

Slide 13

Under construction

Slide 14

Slide 14

ARCHITECTS

Slide 15

Slide 15

ARCHITECTS

Slide 16

Slide 16

101 Things I Learned in Architecture School by Matthew Frederick

Slide 17

Slide 17

A Pattern Language by Christopher Alexander

Slide 18

Slide 18

Architectural Intelligence by Molly Wright Steenson

Slide 19

Slide 19

Patterns Day

Slide 20

Slide 20

How Buildings Learn by Stewart Brand

Slide 21

Slide 21

shearing layers

stuff space plan services skin structure site

Slide 22

Slide 22

shearing layers

Slide 23

Slide 23

Where Good Ideas Come From by Steven Johnson

Slide 24

Slide 24

adjacent possible

WWW internet computers circuitry electricity industrialisation

Slide 25

Slide 25

The Clock Of The Long Now by Stewart Brand

Slide 26

Slide 26

pace layers

fashion commerce infrastructure governance culture nature

Slide 27

Slide 27

pace layers

Slide 28

Slide 28

FedEx

Slide 29

Slide 29

Toblerone

Slide 30

Slide 30

Consider the duck

Slide 31

Slide 31

All ducks are actually wearing dog masks

Slide 32

Slide 32

Consider the duck

Slide 33

Slide 33

Pace layers

Slide 34

Slide 34

Pace layers

JS+ CSS HTML URLs HTTP TCP/IP

Slide 35

Slide 35

SPA

JS+ HTTP TCP/IP

Slide 36

Slide 36

Cliff

JavaScript 1 0 HTTP

Slide 37

Slide 37

Cliff

works great 1 0 doesn’t work

Slide 38

Slide 38

Slope

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

Slide 39

Slide 39

Layers

JavaScript CSS HTML URLs HTTP

Slide 40

Slide 40

Responsive Web Design by Ethan Marcotte

Slide 41

Slide 41

ENGINEERS

Slide 42

Slide 42

Margaret Hamilton

Slide 43

Slide 43

materials tools

Slide 44

Slide 44

materials and tools

materials JavaScript CSS HTML

Slide 45

Slide 45

materials and tools

materials JavaScript CSS HTML tools figma photoshop sketch illustrator

Slide 46

Slide 46

materials and tools

materials JavaScript CSS HTML tools spreadsheets slack email calendars

Slide 47

Slide 47

materials and tools

materials JavaScript CSS HTML tools webpack gruntgit gulp rollup babel npm less sasstypescript

Slide 48

Slide 48

Juicero

tools webpack gruntgit gulp rollup babel npm less sasstypescript

Slide 49

Slide 49

Juicero

tools webpack gruntgit gulp rollup babel npm less sasstypescript

Slide 50

Slide 50

Juicero

materials JavaScript CSS HTML

Slide 51

Slide 51

users and engineers

materials users tools engineers

Slide 52

Slide 52

How well does it work?

Slide 53

Slide 53

How well does it fail?

Slide 54

Slide 54

Layers

JavaScript CSS HTML URLs HTTP

Slide 55

Slide 55

Principle of Least Power

“Choose the least powerful language suitable for a given purpose.” —Principle of Least Power

Slide 56

Slide 56

Murphy’s Law

“Anything that can possibly go wrong, will go wrong.” —Murphy’s Law

Slide 57

Slide 57

Edge case

Slide 58

Slide 58

The Quebec Bridge

Slide 59

Slide 59

The Quebec Bridge

Slide 60

Slide 60

Iron Ring

Slide 61

Slide 61

BUILDERS

Slide 62

Slide 62

building

Slide 63

Slide 63

building

Slide 64

Slide 64

bricklayers

Slide 65

Slide 65

bricklayers

Slide 66

Slide 66

bricklayers

Slide 67

Slide 67

Thank you