Rolling Your Own Grid Layouts on the Fly Without a Framework

Re:Rolling Your Own Grid Layouts on the Fly Without a Framework by peteretep on Wednesday July 06, 2011 @05:17PM (#2735933)

I did this recently. I ended up using lesscss for the gory details:

  @space: 10px;
  @block: 60px;
  .block-width ( @blocks ) { width: (@block * @blocks) + ((@blocks - 1) * (@space * 2) ); }

I consider this to be the canonical piece on grid-based design:

http://www.slideshare.net/riomusi/grids-are-good-2593754

[ Parent | on HN ]

Re:Rolling Your Own Grid Layouts on the Fly Without a Framework by jvain on Thursday July 07, 2011 @04:37AM (#2737736)

There's a new book from Khoi Vinh, just read it and liked it a lot. Also it's the first book on applying grid based design on web sites instead of print:

http://www.subtraction.com/2010/11/05/i-wrote-a-book

[ Parent | on HN ]