Building

A presentation at Design & Content in July 2019 in Vancouver, BC, Canada by Jeremy Keith

Slide 1

Slide 1

BUILDING

Slide 2

Slide 2

LANGUAGE

Slide 3

Slide 3

Slide 4

Slide 4

Metaphors We Live By George Lakoff

Slide 5

Slide 5

Understanding Comics Scott McCloud

Slide 6

Slide 6

Slide 7

Slide 7

Slide 8

Slide 8

Creating Killer Web Sites David Siegel

Slide 9

Slide 9

Slide 10

Slide 10

web sites

Slide 11

Slide 11

Slide 12

Slide 12

ARCHITECTS

Slide 13

Slide 13

Slide 14

Slide 14

101 Things I Learned in Architecture School Matthew Frederick

Slide 15

Slide 15

A Pattern Language Christopher Alexander

Slide 16

Slide 16

Architectural Intelligence Molly Wright Steenson

Slide 17

Slide 17

Slide 18

Slide 18

How Buildings Learn Stewart Brand

Slide 19

Slide 19

shearing layers stuff space plan services skin structure site

Slide 20

Slide 20

Slide 21

Slide 21

Where Good Ideas Come From Steven Johnson

Slide 22

Slide 22

adjacent possible WWW internet computers circuitry electricity industrialisation

Slide 23

Slide 23

The Clock Of The Long Now Stewart Brand

Slide 24

Slide 24

pace layers fashion commerce infrastructure governance culture nature

Slide 25

Slide 25

Slide 26

Slide 26

Slide 27

Slide 27

Slide 28

Slide 28

Slide 29

Slide 29

Slide 30

Slide 30

Slide 31

Slide 31

Slide 32

Slide 32

JS+ CSS HTML URLs HTTP TCP/IP

Slide 33

Slide 33

JS+ HTTP TCP/IP

Slide 34

Slide 34

JavaScript 1 0 HTTP

Slide 35

Slide 35

works great 1 0 doesn’t work

Slide 36

Slide 36

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

Slide 37

Slide 37

JavaScript 100 CSS HTML URLs 0 HTTP

Slide 38

Slide 38

Slide 39

Slide 39

ENGINEERS

Slide 40

Slide 40

Slide 41

Slide 41

Slide 42

Slide 42

materials tools

Slide 43

Slide 43

materials JavaScript CSS HTML tools

Slide 44

Slide 44

materials JavaScript CSS HTML tools figma photoshop sketch illustrator

Slide 45

Slide 45

materials JavaScript CSS HTML tools spreadsheets slack email calendars

Slide 46

Slide 46

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

Slide 47

Slide 47

tools webpack gruntgit gulp rollup babel npm less sasstypescript

Slide 48

Slide 48

tools webpack gruntgit gulp rollup babel npm less sasstypescript

Slide 49

Slide 49

materials JavaScript CSS HTML

Slide 50

Slide 50

materials users tools engineers

Slide 51

Slide 51

How well does it work?

Slide 52

Slide 52

How well does it fail?

Slide 53

Slide 53

JavaScript 100 CSS HTML URLs 0 HTTP

Slide 54

Slide 54

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

Slide 55

Slide 55

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

Slide 56

Slide 56

Slide 57

Slide 57

Slide 58

Slide 58

Slide 59

Slide 59

Slide 60

Slide 60

BUILDERS

Slide 61

Slide 61

Slide 62

Slide 62

Slide 63

Slide 63

Slide 64

Slide 64

Slide 65

Slide 65

Slide 66

Slide 66

Thank you