Slide 1
Slide 2
LANGUAGE
Slide 3
#greenideas
Slide 4
LANGUAGE
Slide 5
The Chicken Game
Slide 6
Metaphors We Live By by George Lakoff
Slide 7
Understanding Comics by Scott McCloud
Slide 8
Understanding Comics by Scott McCloud
Slide 9
A Dao Of Web Design by John Allsopp
Slide 10
Creating Killer Web Sites by David Siegel
Slide 11
Writing
Slide 12
web sites
Slide 13
Under construction
Slide 14
ARCHITECTS
Slide 15
ARCHITECTS
Slide 16
101 Things I Learned in Architecture School by Matthew Frederick
Slide 17
A Pattern Language by Christopher Alexander
Slide 18
Architectural Intelligence by Molly Wright Steenson
Slide 19
Patterns Day
Slide 20
How Buildings Learn by Stewart Brand
Slide 21
shearing layers
stuff space plan services skin structure site
Slide 22
shearing layers
Slide 23
Where Good Ideas Come From by Steven Johnson
Slide 24
adjacent possible
WWW internet computers circuitry electricity industrialisation
Slide 25
The Clock Of The Long Now by Stewart Brand
Slide 26
pace layers
fashion commerce infrastructure governance culture nature
Slide 27
pace layers
Slide 28
FedEx
Slide 29
Toblerone
Slide 30
Consider the duck
Slide 31
All ducks are actually wearing dog masks
Slide 32
Consider the duck
Slide 33
Pace layers
Slide 34
Pace layers
JS+ CSS HTML URLs HTTP TCP/IP
Slide 35
SPA
JS+ HTTP TCP/IP
Slide 36
Cliff
JavaScript 1 0 HTTP
Slide 37
Cliff
works great 1 0 doesn’t work
Slide 38
Slope
works great works well works fine just about works doesn’t work
Slide 39
Layers
JavaScript CSS HTML URLs HTTP
Slide 40
Responsive Web Design by Ethan Marcotte
Slide 41
ENGINEERS
Slide 42
Margaret Hamilton
Slide 43
materials tools
Slide 44
materials and tools
materials JavaScript CSS HTML
Slide 45
materials and tools
materials JavaScript CSS HTML tools figma photoshop sketch illustrator
Slide 46
materials and tools
materials JavaScript CSS HTML tools spreadsheets slack email calendars
Slide 47
materials and tools
materials JavaScript CSS HTML tools webpack gruntgit gulp rollup babel npm less sasstypescript
Slide 48
Juicero
tools webpack gruntgit gulp rollup babel npm less sasstypescript
Slide 49
Juicero
tools webpack gruntgit gulp rollup babel npm less sasstypescript
Slide 50
Juicero
materials JavaScript CSS HTML
Slide 51
users and engineers
materials users tools engineers
Slide 52
How well does it work?
Slide 53
How well does it fail?
Slide 54
Layers
JavaScript CSS HTML URLs HTTP
Slide 55
Principle of Least Power
“Choose the least powerful language suitable for a given purpose.” —Principle of Least Power
Slide 56
Murphy’s Law
“Anything that can possibly go wrong, will go wrong.” —Murphy’s Law
Slide 57
Edge case
Slide 58
The Quebec Bridge
Slide 59
The Quebec Bridge
Slide 60
Iron Ring
Slide 61
BUILDERS
Slide 62
building
Slide 63
building
Slide 64
bricklayers
Slide 65
bricklayers
Slide 66
bricklayers
Slide 67
