Building
A presentation at Design & Content in in Vancouver, BC, Canada by Jeremy Keith
BUILDING
LANGUAGE
Metaphors We Live By George Lakoff
Understanding Comics Scott McCloud
Creating Killer Web Sites David Siegel
web sites
ARCHITECTS
101 Things I Learned in Architecture School Matthew Frederick
A Pattern Language Christopher Alexander
Architectural Intelligence Molly Wright Steenson
How Buildings Learn Stewart Brand
shearing layers stuff space plan services skin structure site
Where Good Ideas Come From Steven Johnson
adjacent possible WWW internet computers circuitry electricity industrialisation
The Clock Of The Long Now Stewart Brand
pace layers fashion commerce infrastructure governance culture nature
JS+ CSS HTML URLs HTTP TCP/IP
JS+ HTTP TCP/IP
JavaScript 1 0 HTTP
works great 1 0 doesn’t work
works great 100 works well works fine just about works 0 doesn’t work
JavaScript 100 CSS HTML URLs 0 HTTP
ENGINEERS
materials tools
materials JavaScript CSS HTML tools
materials JavaScript CSS HTML tools figma photoshop sketch illustrator
materials JavaScript CSS HTML tools spreadsheets slack email calendars
materials JavaScript CSS HTML tools webpack gruntgit gulp rollup babel npm less sasstypescript
tools webpack gruntgit gulp rollup babel npm less sasstypescript
tools webpack gruntgit gulp rollup babel npm less sasstypescript
materials JavaScript CSS HTML
materials users tools engineers
How well does it work?
How well does it fail?
JavaScript 100 CSS HTML URLs 0 HTTP
“ Choose the least powerful language suitable for a given purpose.” —Principle of Least Power
“ Anything that can possibly go wrong, will go wrong.” —Murphy’s Law
BUILDERS
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.
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
