WebMaster & interface design

Grid based designs is more popular and hot in the internet. A basic well designed grid systems layout can make your designs not only more beautiful and legible, but more usable. A grid is made up of vertical and horizontal lines and is the foundation of nearly every type of visual media. The structure is there to shape the content into proportions that are pleasing to the eye. Below is the top 30 weblogs with grid based designs. Besides, i also searched some tutorials about grid designs for you to further reading.

1. Grids make eyes happy: how to use Grids by Jason Lynes
2. Grids: Order Out of Chaos by About.com
3. Cutting and sewing grid-based design: Part 1
Grid-based design: Part 2, Designing blog theme templates by Michael Angeles
4. Five simple steps to designing grid systems - Preface
Five simple steps to designing grid systems - Part 1
Five simple steps to designing grid systems - Part 2
Five simple steps to designing grid systems - Part 3
Five simple steps to designing grid systems - Part 4
Five simple steps to designing grid systems - Part 5 by Mark Boulton

http://www2.jeffcroft.com/

http://ryanbrill.com/

http://www.subtraction.com/

http://www.bs-markup.de/

http://www.alvarocastano.com/

http://www.achtentachtig.com/

http://eswat.ca/

http://5thirtyone.com/

http://www.peterpixel.nl/

http://blog.criticalwebdesign.co.uk/

http://www.youtilize.com/

http://warpspire.com/

http://www.emanuelblagonic.com/

http://www.andyrutledge.com/

http://jonasboner.com/

http://journal.barleyhut.com/

http://www.quicksprout.com/

http://thefightspot.com/

http://www.gapersblock.com/

http://dfckr.com/

http://meiert.com/en/

http://usabletype.com/

http://ideasonideas.com/

http://intensify.org/

http://www.jambor-ee.com/

http://www.buzzingo.de/

http://svenigson.com/

http://riverfrontpark.com/

http://design.weblogsinc.com/

http://www.invalidresponse.com/