The Grid System » css

Fluid Baseline Grid

Antonio Carusone — Wed, 02 Nov 2011 18:09:48 +0000

The Fluid Baseline Grid System is an HTML5 & CSS3 development kit that provides a solid foundation to quickly design websites with ease.

Rethinking CSS Grids

Antonio Carusone — Wed, 02 Nov 2011 17:55:43 +0000

Mark Boulton pulled together some of his thoughts and concerns regarding CSS grids and how they could be created.

The Columnist

Antonio Carusone — Sun, 06 Feb 2011 16:49:49 +0000

A grid based WordPress theme that features a newspaper column layout and neat typographic hierarchy..

Six Column Sandbox

Antonio Carusone — Thu, 11 Nov 2010 16:29:06 +0000

A CSS grid framework that’s based on a baseline of 1.4x the paragraph text-size, 160px columns, with gutters of 20px.

Frak

Antonio Carusone — Thu, 11 Nov 2010 16:26:31 +0000

Frak is a small fluid grid that supports nested grids and comes in at under 1kb. It’s perfect for fast website prototyping.

1140px Fluid Grid System

Antonio Carusone — Thu, 11 Nov 2010 16:24:34 +0000

A 12 column, 1140px wide CSS framework that gracefully scales for smaller screen sizes.

30 Grid-Based WordPress Themes

Antonio Carusone — Mon, 23 Aug 2010 20:50:14 +0000

In this article we have 30 WordPress themes have been developed using a popular CSS Grid Frameworks such as the 960.gs, Blueprint, YUI2 and The Golden Grid.

Design & Build a Grid Based Web Design with CSS

Antonio Carusone — Mon, 23 Aug 2010 20:49:16 +0000

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

Web Design with Grids

Antonio Carusone — Fri, 07 May 2010 14:42:30 +0000

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.

Fluid 960 Grid System

Antonio Carusone — Wed, 06 Jan 2010 15:40:55 +0000

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.

Masonry

Antonio Carusone — Wed, 06 Jan 2010 15:36:49 +0000

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

Evo4 CMS WordPress Theme

Antonio Carusone — Thu, 08 Oct 2009 18:46:22 +0000

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

Adaptive Grid System based on the Golden Section

Antonio Carusone — Thu, 08 Oct 2009 18:40:51 +0000

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

Making a Perfect Grid-aligned Website using Gridfox and Firebug

Antonio Carusone — Thu, 08 Oct 2009 18:36:59 +0000

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

45+ CSS Grid Systems, Layout Generators and Tutorials

Antonio Carusone — Fri, 18 Sep 2009 13:59:30 +0000

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.

Designing With Grid-Based Approach

Antonio Carusone — Mon, 24 Aug 2009 20:02:48 +0000

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

Baseline

Antonio Carusone — Mon, 24 Aug 2009 19:53:48 +0000

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.

Taking the Grids on the Web

Antonio Carusone — Thu, 23 Jul 2009 02:27:50 +0000

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

nP: Grid Generator

Antonio Carusone — Thu, 23 Jul 2009 02:24:56 +0000

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

NineSixty (960 Grid System)

Antonio Carusone — Thu, 23 Jul 2009 02:22:53 +0000

NineSixty is a Drupal theme that is based on the 960 Grid System.