Music and grid systems for the web

A brief and somewhat tentative exploration of how music intervals (major third, perfect fifth, minor sixth and the like) can be used as the basis for Web site grid design.

Transcript

1. Music and grid systems for the Web Owen Gregory · @FullCreamMilk · Multipack Show and Tell · 12 February 2011 Wednesday 28 September 2011
2. Shared concepts  rhythm Wednesday 28 September 2011
3. Wednesday 28 September 2011
4. Wednesday 28 September 2011
5. Wednesday 28 September 2011
6. Wednesday 28 September 2011
7. Wednesday 28 September 2011
8. Shared concepts  harmony Wednesday 28 September 2011
9. Wednesday 28 September 2011
10. Wednesday 28 September 2011
11. Aesthetics  beauty  harmony  proportion Wednesday 28 September 2011
12. Music  intervals  proportion Wednesday 28 September 2011
13. Proportion is intrinsic to grid systems Wednesday 28 September 2011
14. e golden ratio φ is for the weak Wednesday 28 September 2011
15. Unison · : · | Wednesday 28 September 2011
16. Minor second : ·  Wednesday 28 September 2011
17. Major second : ·  Wednesday 28 September 2011
18. Minor third · : · ̆ Wednesday 28 September 2011
19. Major third · : ·  Wednesday 28 September 2011
20. Perfect fourth : ·  Wednesday 28 September 2011
21. Augmented fourth or diminished fih :√ ·  | ̆ Wednesday 28 September 2011
22. Perfect fih · : ·  Wednesday 28 September 2011
23. Minor sixth · : · ̆ Wednesday 28 September 2011
24. Major sixth · : ·  Wednesday 28 September 2011
25. Minor seventh : · ̆ Wednesday 28 September 2011
26. Major seventh : ·  Wednesday 28 September 2011
27. Octave · : ·  Wednesday 28 September 2011
28. Perfect fih · : Wednesday 28 September 2011
29. More  other intervals  chords  other concepts  other traditions Wednesday 28 September 2011
30. anks for listening Owen Gregory · @FullCreamMilk · Multipack Show and Tell · 12 February 2011 Wednesday 28 September 2011