Bourbon NEAT by Reda Lemeden @kaishin Monday, November 5, 12 

We make beautiful Rails and mobile apps, with offices in Boston, San Francisco and Stockholm. Hi, we’re... Monday, November 5, 12 

1999: Macromedia Flash and Adobe Photoshop 2012: Sassy grid frameworks. My name is... Reda Lemeden Monday, November 5, 12 

Grids A staple of modern Web Design Monday, November 5, 12 

Grid frameworks everywhere Grid Frameworks Monday, November 5, 12 

Monday, November 5, 12 

Do we need more grids? Monday, November 5, 12 

No, we need better grids. Short answer... Monday, November 5, 12 

We need grids that don't pollute our markup with presentational classes and extra wrapping divs.

We need grids that are content-agnostic. Monday, November 5, 12 

We need grids that strike the right balance between ease of use... Monday, November 5, 12 

...and power. Monday, November 5, 12 

Susy container() span-columns() omega() nth-omega() at-breakpoint() layout() set-container-width() with-grid-settings() border-box-sizing() prefix() suffix() pad() pre() post() squish() push() pull() reset-columns() remove-omega() remove-nth-omega() susy-grid-background() columns() gutter() space() Foundation outerRow() innerRow() innerRow(collapse) column(#) column(#, center) column(#, collapse) offsetBy(#) push(#) pull(#) mobileRow() mobileColumn(#) mobilePush(#) mobilePull(#) Neat outer-container() span-columns() row() shift() pad() omega() nth-omega() media() Keep it simple, stupid! Monday, November 5, 12 

Developers ❤ Bootstrap Monday, November 5, 12 

FUUUUUUUUUUUUUUU Monday, November 5, 12 

Developer Designer Monday, November 5, 12 

We wanted to to make this transition less painful. Monday, November 5, 12 

Demo Monday, November 5, 12 

Basic Monday, November 5, 12 

Nesting Monday, November 5, 12 

Automatic Rows Monday, November 5, 12 

@include omega(); // aka FIN Monday, November 5, 12