Design & Build a Grid Based Web Design with CSS

August 23, 2010

Step by step walkthrough of the design and build process of a grid based WordPress theme. From the initial Photoshop concept, through development.

Tags: , , ,

Web Design with Grids

May 7, 2010

People, including myself are building sites using grids. Now it seems to me that when you’re designing in a browser you want to be able to follow the grid’s principals all the way through the process.

Tags: , , ,

Fluid 960 Grid System

January 6, 2010

A jQuery based fluid grid system template based on Nathan Smith’s 960 Grid System. Allows multiple layouts including 12 or 16 fluid columns and 12 or 16 fixed columns.

Tags: , , , , , , , ,

Masonry

January 6, 2010

Masonry is a layout plugin for jQuery that arranges elements vertically then horizontally according to a grid.

Tags: , , , ,

Evo4 CMS WordPress Theme

October 8, 2009

A WordPress theme based on a 4-column grid system.

Tags: , , , , ,

Adaptive Grid System based on the Golden Section

October 8, 2009

A two column grid system based on Mark Boulton’s Adaptive Grid Systems article.

Tags: , , , , , ,

Making a Perfect Grid-aligned Website using Gridfox and Firebug

October 8, 2009

Have you ever sliced a layout, only for it not to be grid-aligned once it’s scripted?

Tags: , , , ,

45+ CSS Grid Systems, Layout Generators and Tutorials

September 18, 2009

In this article tripwire magazine presents a large collection of CSS Grid Systems, online generators and tutorial on how to use these in your design.

Tags: , , , ,

Designing With Grid-Based Approach

August 24, 2009

Smashing Magazine takes a look at over 50 articles about grid-based designs and selected some of the most important and interesting facts.

Tags: , ,

Baseline

August 24, 2009

Baseline is a CSS typographic framework that makes it easy to develop a website with a pleasing grid and good typography and uses a “real” baseline grid as its foundation.

Tags: , , , , ,

Taking the Grids on the Web

July 22, 2009

An article by Italian designer Andrea Peltrin on how to effectively use grids for web design.

Tags: , , , ,

nP: Grid Generator

July 22, 2009

An online grid generating tool that pumps out the CSS source code as well as a downloadable png file of your grid.

Tags: , , ,

View Older Entries