DotNetNuke Tips & Tricks

Friday, May 1, 2009 by Cuong Dang

List of Grid Design Resource for DotNetNuke Skinning

Filed under: Elsewhere, Skinning

Designing with grid has been around for decades and applied through various traditional design mediums. But in recent years, the trend to use this technique on the web has become quite popular since many influential web designers took the initiative to introduce it to the world. Among those is Khoi Vinh, a Creative Director for The New Yorks Times Online, and Mark Boulton, a well-know author for publishing his series of his approach in grid design.

Many people have discussed the benefits of using grids so in this article, I won’t be talking much about why you should use it. There will be a different post to discuss the reasons to follow grid designs and when to use it.

In this blog post, I’ve compiled a list of many available grid systems that you can consider in your design implementation. Whether your project is built in DotNetNuke or different platforms, grid systems have nothing to do with the design or implementation challenges.

1. Blueprint CSS Framework

Blueprint CSS Framework

2. 960 Grid System

960Grid System

3. YUI Grids CSS

YUI Grid System

4. YAML (Yet Another Multicolumn Layout )

YAML - Yet Another Multicolumn Layout

Comments

Ian Robinson
Sunday, May 3, 2009 2:21 PM
Also - Nokiko (twitter.com/nokiko) has a grid 960 implementation at http://www.dnngrid960.com.
james
Thursday, November 5, 2009 10:48 PM
I haven't been able to get into grid layouts yet. I tried to get Blueprint going on a DNN site once but didn't have much success. Looks like a very elegant and fast way to get things done, but haven't bit the bullet yet.

James - Drupal Consulting
blog comments powered by Disqus