Building
A presentation at New Adventures 2019 in in Nottingham, UK by Jeremy Keith
BUILDING
LANGUAGE
#greenideas
LANGUAGE
The Chicken Game
Metaphors We Live By by George Lakoff
Understanding Comics by Scott McCloud
Understanding Comics by Scott McCloud
A Dao Of Web Design by John Allsopp
Creating Killer Web Sites by David Siegel
Writing
web sites
Under construction
ARCHITECTS
ARCHITECTS
101 Things I Learned in Architecture School by Matthew Frederick
A Pattern Language by Christopher Alexander
Architectural Intelligence by Molly Wright Steenson
Patterns Day
How Buildings Learn by Stewart Brand
shearing layers
stuff space plan services skin structure site
shearing layers
Where Good Ideas Come From by Steven Johnson
adjacent possible
WWW internet computers circuitry electricity industrialisation
The Clock Of The Long Now by Stewart Brand
pace layers
fashion commerce infrastructure governance culture nature
pace layers
FedEx
Toblerone
Consider the duck
All ducks are actually wearing dog masks
Consider the duck
Pace layers
Pace layers
JS+ CSS HTML URLs HTTP TCP/IP
SPA
JS+ HTTP TCP/IP
Cliff
JavaScript 1 0 HTTP
Cliff
works great 1 0 doesn’t work
Slope
works great works well works fine just about works doesn’t work
Layers
JavaScript CSS HTML URLs HTTP
Responsive Web Design by Ethan Marcotte
ENGINEERS
Margaret Hamilton
materials tools
materials and tools
materials JavaScript CSS HTML
materials and tools
materials JavaScript CSS HTML tools figma photoshop sketch illustrator
materials and tools
materials JavaScript CSS HTML tools spreadsheets slack email calendars
materials and tools
materials JavaScript CSS HTML tools webpack gruntgit gulp rollup babel npm less sasstypescript
Juicero
tools webpack gruntgit gulp rollup babel npm less sasstypescript
Juicero
tools webpack gruntgit gulp rollup babel npm less sasstypescript
Juicero
materials JavaScript CSS HTML
users and engineers
materials users tools engineers
How well does it work?
How well does it fail?
Layers
JavaScript CSS HTML URLs HTTP
Principle of Least Power
“Choose the least powerful language suitable for a given purpose.” —Principle of Least Power
Murphy’s Law
“Anything that can possibly go wrong, will go wrong.” —Murphy’s Law
Edge case
The Quebec Bridge
The Quebec Bridge
Iron Ring
BUILDERS
building
building
bricklayers
bricklayers
bricklayers
Thank you
Every new medium looks to what has come before for guidance. Web design has taken cues from centuries of typography and graphic design. Web development has borrowed metaphors and ideas from the world of architecture. Let's take a tour of some of the most influential ideas from architecture that have crossed over into the web, from pattern languages to responsive design. Together we'll uncover how to build resilient, performant, accessible and beautiful structures that work with the grain of the materials of the web.
for free. You
can too.
Video
Resources
The following resources were mentioned during the presentation or are useful additional information.
-
Building links
Links to books and articles referenced in the talk.
-
A Dao Of Web Design
-
Responsive Web Design
-
Device Agnostic
-
The Work I Like
-
Molly Wright Steenson on Design Notes
-
Quebec Bridge Collapse on the Brady Heywood Podcast
Buzz and feedback
Here’s what was said about this presentation on social media.
