---
title: Design for Developers
date: 2013-03-24 09:35:00 Z
layout: page
comments: true
sharing: true
footer: true
---

This is a page of useful links associated with my talk "Design Eye for the Developer Guy".

## Grid

*   [Designing With Grid-Based Approach][1]
*   [How You Make A Grid (PDF)][2]
*   [Design & Build a Grid Based Web Design with CSS][3]

## Colour

*   [Basic Color Theory][4]
*   [Color Theory for Designers, Part 1: The Meaning of Color][5]
*   [Color Theory For Designers, Part 2: Understanding Concepts And Terminology][6]
*   [Color Theory for Designer, Part 3: Creating Your Own Color Palettes][7]
*   [Color Scheme Designer][8]

## Typography

*   [How to Choose a Typeface][9]
*   [Five simple steps to better typography][10] (Internal links from here are broken, but will work again if you remove the trailing slash)
*   [8 Simple Ways to Improve Typography In Your Designs][11]
*   [The Elements of Typographic Style Applied to the Web][12]

 [1]: http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/
 [2]: http://typophile.com/files/How%20you%20make%20a%20grid.pdf
 [3]: http://line25.com/tutorials/design-build-a-grid-based-web-design-with-css
 [4]: http://www.colormatters.com/color-and-design/basic-color-theory
 [5]: http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/
 [6]: http://www.smashingmagazine.com/2010/02/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/
 [7]: http://www.smashingmagazine.com/2010/02/08/color-theory-for-designer-part-3-creating-your-own-color-palettes/
 [8]: http://colorschemedesigner.com
 [9]: http://www.smashingmagazine.com/2011/03/24/how-to-choose-a-typeface/
 [10]: http://markboulton.co.uk/journal/five-simple-steps-to-better-typography
 [11]: http://coding.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/
 [12]: http://webtypography.net