Building

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

BUILDING

BUILDING

LANGUAGE

LANGUAGE

#greenideas

#greenideas

LANGUAGE

LANGUAGE

The Chicken Game

The Chicken Game

Metaphors We Live By by George Lakoff

Metaphors We Live By by George Lakoff

Understanding Comics by Scott McCloud

Understanding Comics by Scott McCloud

Understanding Comics by Scott McCloud

Understanding Comics by Scott McCloud

A Dao Of Web Design by John Allsopp

A Dao Of Web Design by John Allsopp

Creating Killer Web Sites by David Siegel

Creating Killer Web Sites by David Siegel

Writing

Writing

web sites

web sites

Under construction

Under construction

ARCHITECTS

ARCHITECTS

ARCHITECTS

ARCHITECTS

101 Things I Learned in Architecture School by Matthew Frederick

101 Things I Learned in Architecture School by Matthew Frederick

A Pattern Language by Christopher Alexander

A Pattern Language by Christopher Alexander

Architectural Intelligence by Molly Wright Steenson

Architectural Intelligence by Molly Wright Steenson

Patterns Day

Patterns Day

How Buildings Learn by Stewart Brand

How Buildings Learn by Stewart Brand

shearing layers

shearing layers

shearing layers

shearing layers

Where Good Ideas Come From by Steven Johnson

Where Good Ideas Come From by Steven Johnson

adjacent possible

adjacent possible

The Clock Of The Long Now by Stewart Brand

The Clock Of The Long Now by Stewart Brand

pace layers

pace layers

pace layers

pace layers

FedEx

FedEx

Toblerone

Toblerone

Consider the duck

Consider the duck

All ducks are actually wearing dog masks

All ducks are actually wearing dog masks

Consider the duck

Consider the duck

Pace layers

Pace layers

Pace layers

Pace layers

SPA

SPA

Cliff

Cliff

Cliff

Cliff

Slope

Slope

Layers

Layers

Responsive Web Design by Ethan Marcotte

Responsive Web Design by Ethan Marcotte

ENGINEERS

ENGINEERS

Margaret Hamilton

Margaret Hamilton

materials tools

materials tools

materials and tools

materials and tools

materials and tools

materials and tools

materials and tools

materials and tools

materials and tools

materials and tools

Juicero

Juicero

Juicero

Juicero

Juicero

Juicero

users and engineers

users and engineers

How well does it work?

How well does it work?

How well does it fail?

How well does it fail?

Layers

Layers

Principle of Least Power

Principle of Least Power

Murphy’s Law

Murphy’s Law

Edge case

Edge case

The Quebec Bridge

The Quebec Bridge

The Quebec Bridge

The Quebec Bridge

Iron Ring

Iron Ring

BUILDERS

BUILDERS

building

building

building

building

bricklayers

bricklayers

bricklayers

bricklayers

bricklayers

bricklayers

Thank you

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.

Resources

The following resources were mentioned during the presentation or are useful additional information.

Buzz and feedback

Here’s what was said about this presentation on Twitter.