22 Resources to Easily Create CSS Layouts

Web designers are always looking for ways to save time and simplify the design process. Well, creating a basic layout doesn’t have to take any time at all. All of the resources listed here will help you to create the structure for CSS-based designs. None of these resources are templates that attempt to replace the need for a design; rather, they all aim to simplify the process by creating a skeleton that you will build upon.

Layout Gala – 40 different CSS-based layouts including fixed and fluid widths.

BluePrintCSS – BluePrintCSS “aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.”

Intensivstation – 16 different CSS-based layouts are provided

Dynamic Drive’s CSS Library – One of the leading sources of coding and scripts provides 12 CSS-based layouts.

CSSCreator.com – Rather than providing templates, CSS Creator is a tool that allows you to enter some information about the layout that you want to create, and it produces the code. You choose things like width, columns and colors.

The Layout Reservoir – BlueRobot.com provides the CSS for 3 different layouts.

Code Sucks.com – There are over 90 different layouts to choose from, including fixed width and faux columns.

CSSeasy – At CSSeasy you’ll find 8 different layouts to choose from.

Tomorrow’s Laundry – WordPress theme designers will love the blank theme layouts from Tomorrow’s Laundry. Four different layouts provide the basic building blocks for your theme designs.

WordPress Theme Generator – Another resource for WordPress designers, the theme generator will let you choose the layout you want and it generates the code.

Yahoo! Developer Network – YUI Grids CSS provide a starting point for your layouts for fluid or fixed width.

SSI Developer – At SSI Developer there are a variety of two and three column layouts. Each layout indicates the browsers in which it has been tested.

Mollio – Mollio offers several attractive layouts, but they give a disclaimer that there may be some rendering problems with IE7.

CSS Tinderbox – Here you’ll find four simple but attractive layouts.

Mitch Bryson – Mitch provides eight different CSS-based layouts to choose from.

Firdamatic – Another tool similar to CSS Creator and Layout-o-matic, Firdomatic will let you choose several items and then it will create the code for your layout.

Strictly CSS – Strictly CSS has an article that provides ten different CSS layouts based on the same HTML code.

Max Design – Twenty-three different layouts in several different categories are available from Max Design.

Glish.com – Here is an article that includes links to a number of CSS-based layouts.

mycelly.com – Twelve different layouts.

Little Boxes – Sixteen more layouts.

Published December 17th, 2007 by Steven Snell