Working in Harmony: Links and further reading from my talk
My talk at Port80 2013 riffed on the theme of the parallels between music and the web, and why music offers often better analogies, especially when considering workflow and collaboration, than traditional print design. Here are the slides, playlist and suggestions for further reading.
Slides

http://www.slideshare.net/sophiedennis/working-in-harmony-port80-2013
Further Reading
Antiphonal Geometry
Designing with musical harmony
Owen Gregory, Antiphonal Geometry, Responsive Day Out, Brighton, March 2013
Slides | Transcript | Audio | Video
Owen Gregory, Composing the New Canon, 24Ways, 9 Dec 2011
A more detailed look at designing to harmonic proportions
Workflow
Viljami Salminen, Responsive Workflow, 28 May 2012
Karen McGrane, WYSIWTF, A List Apart, 2 May 2013
Zen Garden
CSS Zen Garden
Dave Shea, 10 Years, mezzoblue, 7 May 2013
Dave relaunches the Zen Garden for the HTML5 era
Context
Stuff I don’t necessarily entirely agree with, but that forms the context for some of the points I’m making.
Mark Boulton, A New Canon, 9 Dec 2012
Owen Gregory takes issue with Mark’s argument that on the web “there is no page” in his Antiphonal Geometry talk
Rachel Lovinger, The Nimble Report, Razorfish, 2010
“it’s more structure that makes content nimble and sets it free” - remains one of the key references when arguing for greater structure beyond simple HTML in content authoring
Cennydd Bowles, What Bugs Me About “Content Out”, 20 Nov 2011
Although Cennydd is also making the content+design=meaning argument, I’d take issue with the idea that “content out” disregards the influence of design on meaning
History
Cern, Twenty years of a free, open web
Jeffrey Veen, The Art & Science of Web Design, 2000
I quote from Veen’s earlier Hotwired Stylebook in the presentation, but this is a better overview of the history of the web and where we were c. 2000
John Allsopp, A Dao of Web Design,A List Apart, 7 April 2000
A lot of people are quoting this when discussing responsive design. It’s worth reading the whole thing to see how far we’ve come
Jeremy Keith, A Brief History of Markup, HTML5 for Web Designers, (2010)
Playlist
- Steven Isserlis, Prelude Suite no 1 and Gigue Suite no 4, Bach: The Cello Suites (2007)
- Yo-Yo Ma, Gigue Suite no 4, Inspired by Bach (1998)
- Kathryn Tickell, Old Morpeth Rant / Morpeth Rant / Hesleyside Reel, Northumberland Collection (2009)
- Bellowhead, Dockside Rant, Broadside (2012)
- Kate Rusby, The Unquiet Grave, 20 (2012)
- Lau, The Unquiet Grave, Lau Live (2008), released 2012 on Lightweights & Gentlemen + Lau Live Remastered (2012)
- Seth Lakeman, Sound of a Drum, Poor Man’s Heaven (2008)
♫ Listen on Spotify
The Isserlis Bach Cello Suites is not on Spotify but you can listen to samples at hyperion-records.co.uk
The Rant Step
Morpeth Rant on The Session
Basic notation and midi files
English rant step danced by Derek Shaw, YouTube
How to Dance the Rant Step, Colin Hume
Colin explains the vital “po-ta-to crisps” trick
120 web designers attempt to dance a Rant Step, a Vine by @cole007

