Grid system for Patterns

Grid system selection

Candidates shortlist

• http://framelessgrid.com
• http://fluidbaselinegrid.com
• http://cssgrid.net
• http://www.getskeleton.com
• http://stuffandnonsense.co.uk/projects/320andup/

Frameless

Pros

• Very adaptive. Up to high resolutions
• Nice typography
• Unique way of scaling up by not defining the amount of columns

Cons

• The way it scales up for higher resolutions is probably too unique for our needs.

Fluid baseline grid

Pros

• Nice typography
• Nice class names
• No rows necessary

Cons

• Maximum of 3 columns

1140 CSS Grid

Pros

• Fancy class names
• Very lightweight (130 lines of CSS)

Cons

• Unmaintained
• Requires an unwanted last class
• Doesn't provide the desired typography

Skeleton

Pros

• Gorgeous typography
• Base CSS for forms, buttons, etc
• Nice class names

Cons

• Requires a container div

320 And up

Pros

• Fairly nice class names on the rows only
• Beautiful colour scheme and base styles for forms, buttons, etc

Cons

• …