July 26, 2007                                            

30 Weblogs with Grid Based 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://www2.jeffcroft.com/

http://ryanbrill.com/
http://ryanbrill.com/

http://www.subtraction.com/
http://www.subtraction.com/

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

http://www.alvarocastano.com/
http://www.alvarocastano.com/

http://www.achtentachtig.com/
http://www.achtentachtig.com/

http://eswat.ca/
http://eswat.ca/

http://5thirtyone.com/
http://5thirtyone.com/

http://www.peterpixel.nl/
http://www.peterpixel.nl/

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

http://www.youtilize.com/
http://www.youtilize.com/

http://warpspire.com/
http://warpspire.com/

http://www.emanuelblagonic.com/
http://www.emanuelblagonic.com/

http://www.andyrutledge.com/
http://www.andyrutledge.com/

http://jonasboner.com/
http://jonasboner.com/

http://journal.barleyhut.com/
http://journal.barleyhut.com/

http://www.quicksprout.com/
http://www.quicksprout.com/

http://thefightspot.com/
http://intensify.org/

http://www.gapersblock.com/
http://www.gapersblock.com/

http://dfckr.com/
http://dfckr.com/

http://meiert.com/en/
http://meiert.com/en/

http://usabletype.com/
http://usabletype.com/

http://ideasonideas.com/
http://ideasonideas.com/

http://intensify.org/
http://intensify.org/

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

http://www.buzzingo.de/
http://www.buzzingo.de/

http://svenigson.com/
http://svenigson.com/

http://riverfrontpark.com/
http://riverfrontpark.com/

http://design.weblogsinc.com/
http://design.weblogsinc.com/

http://www.invalidresponse.com/
http://www.invalidresponse.com/

Showcases  
Comments (9)

  9 Responses to "30 Weblogs with Grid Based Design"

  1. July 28, 2007 02:13 pm
    Tadeusz Szewczyk

    Great blog design, but your screenshots somehow look distorted. In the “minimalist design” post they do not. There they fit perfectly. Check the scaling.

  2. July 28, 2007 10:10 pm
    Wallace

    hello, Tadeusz,
    you are right!
    it is because i thumbnailed the screen shots first before upload to wordpress at “minimalist design” post.

  3. July 29, 2007 12:09 pm
    Tadeusz Szewczyk

    Tahnk you, now the’re perfect.

  4. July 31, 2007 12:35 am
    Shawn Blanc

    Ahh… They look a lot better. Thanks for the link. This is a great list of some excellent sites. It’s an honor to be among them.

  5. August 10, 2007 05:33 pm
    Baku

    Thanks for the links! Great.

  6. August 14, 2007 05:31 pm
    David Airey :: Graphic Designer

    Hi Wallace,

    Just dropping in to thank you for piecing together this collection. Some great examples to get the ideas flowing.

    Ciao for now.

  7. August 14, 2007 05:32 pm
    firman firdaus

    what about astheria.com?

  8. October 2, 2007 06:17 am
    Lee

    You also forgot http://leenutter.com/ :)

  9. October 30, 2007 07:45 am
    Ron S

    I notice that many of these designs are minimalistic, which lends support to the theory that grid-based design is essentially minimalistic design.

Glad to hear from you.

CSSJuice.com is an iEntry Network® publication - 1998-2008 All Rights Reserved Privacy Policy and Legal,   Powered by Wordpress.