CSS Layouts Archives

Sponsored Links


CSS Layouts Archives



Iron Myers CSS Layouts
I don't think this is new but it's a great resource for CSS Layouts that have been tested in all browsers (even IE6!) and... (Posted January 22, 2009)
Read "Iron Myers CSS Layouts" »

Excellent CSS Layout Resource
Here's a nice resource that's definitely worth a bookmark. Website ironmyers.com has collected up a great array of CSS Layouts. The link below goes... (Posted March 23, 2008)
Read "Excellent CSS Layout Resource" »

CSSRand: Random CSS Gallery
CSSRand is sort of like StumbleUpon meets CSS Gallery without the toolbar. Simply click on the CSSRand Logo (or press F5 on your keyboard) and... (Posted February 27, 2008)
Read "CSSRand: Random CSS Gallery" »

Grid and Column Design Inspiration
From WebDesignerWall today, a whole bunch of grid and column based design inspiration. The 32 sites highlighted show how a grid based layout can... (Posted February 20, 2008)
Read "Grid and Column Design Inspiration" »

Best of CSS Design 2007
Design website Web Designer Wall has worked up a really nice list of what they consider to be the best of CSS design from... (Posted December 30, 2007)
Read "Best of CSS Design 2007" »

Basic CSS Templates at Layout Gala
Layout Gala! : a collection of 40 CSS layouts based on the same markup and ready for download. A great collection of CSS layouts... (Posted November 7, 2007)
Read "Basic CSS Templates at Layout Gala" »

The Perfect Fluid Width Layout
What is the perfect fluid width layout? The author of CSS Tricks defines it as a layout that shrinks to 780 pixels (to accommodate... (Posted October 14, 2007)
Read "The Perfect Fluid Width Layout" »

Free Online Web Template Generator
Free online web template generator is a handy tool to create a website design quickly and easily. Start with a base template, customize the... (Posted September 19, 2007)
Read "Free Online Web Template Generator" »

Non-notorious CSS Website Templates
Non-notorious CSS templates for websites - links up some good looking, css templates that haven't (yet) become notorious for being everywhere. Some nice templates... (Posted September 10, 2007)
Read "Non-notorious CSS Website Templates" »

Boxed CSS: Free CSS Grid Layouts
Boxed CSS - Free CSS grids - a free website that offers CSS grid layouts in 2 and 3 column styles, fixed and fluid with... (Posted July 16, 2007)
Read "Boxed CSS: Free CSS Grid Layouts" »

Free Web Designs for Download
CSS Galleries: Free Web Designs for Download is a nice round-up of some of the nicer, newer sites offering up free website templates, many specifically... (Posted June 9, 2007)
Read "Free Web Designs for Download" »

A really nice collection of CSS layouts
CSS Layouts is a really nice collection of templates that "will look and behave the same in internet browsers like Internet Explores 6 (IE6),... (Posted April 7, 2007)
Read "A really nice collection of CSS layouts" »

Build an image gallery that doesn't fall apart
Build an Image gallery that doesn't fall apart - when photos of different sizes are uploaded, specifically. A nice "how-to" conquer the problem of... (Posted April 2, 2007)
Read "Build an image gallery that doesn't fall apart" »

open source templates: free css and xhtml open source templates
Open Source Templates | Free CSS and XHTML Website Templates has just opened their doors as a showcase for free, open source templates. At... (Posted March 25, 2007)
Read "open source templates: free css and xhtml open source templates" »

Nice collection of free faux column CSS layouts
Free Faux Column CSS Layouts - 42 of them to be exact, in a variety of layout styles.... (Posted March 12, 2007)
Read "Nice collection of free faux column CSS layouts" »

___ layouts: YUI Grids-like CSS layout design
___layouts has got to win the award for the most interesting name I've come across in some time! The author admits he couldn't be bothered... (Posted February 14, 2007)
Read "___ layouts: YUI Grids-like CSS layout design" »

12 Basic CSS Templates
12 Basic Free CSS Templates - 12 Starting points for your CSS based website some basic CSS templates to download as a quick start for... (Posted January 18, 2007)
Read "12 Basic CSS Templates" »

Sitchy McLayout: designing for a wide variety of screen sizes
A List Apart: Articles: Switchy McLayout: An Adaptive Layout Technique "Switchy McLayout lets you define the dimensions, information richness, and appearance of your content objects... (Posted December 19, 2006)
Read "Sitchy McLayout: designing for a wide variety of screen sizes" »

One True Layout Code Generator
Example - In search of the One True Layout - One True Layout™ - Interactive Example - if you like the One True Layout,... (Posted October 27, 2006)
Read "One True Layout Code Generator" »

Free CSS Layout Templates
Dynamic Drive CSS Layouts- Tableless, CSS based templates - a nice selection of CSS templates in fixed and fluid, 2 and 3 column varieties.... (Posted October 23, 2006)
Read "Free CSS Layout Templates" »

Create a simple liquid layout
Create a simple liquid layout - .net magazine. "John Oxton explores how to make a simple but effective liquid layout, which will work across browsers... (Posted October 3, 2006)
Read "Create a simple liquid layout" »

CSS Layouts Galore
A couple of really good resources for css layouts, all a great starting point for your next great css design. Jimmy Lin - Templates... (Posted September 17, 2006)
Read "CSS Layouts Galore" »

39 Free CSS Layouts
Code-Sucks.com - CSS Layouts - a handy bookmark for a quick and easy css layout resource.... (Posted August 8, 2006)
Read "39 Free CSS Layouts" »

Free CSS Templates
CSSFILL.COM - Free CSS layouts and templates: Photo Blog has a number of ready-made css templates, free for use with credit back to the site.... (Posted May 30, 2006)
Read "Free CSS Templates" »

Any order 3 column css layout
A look at making a 3 column CSS layout with the columns ordered in any way, so that the content can come first in the... (Posted May 21, 2006)
Read "Any order 3 column css layout" »

Rock Solid CSS Layouts
Rock Solid CSS Layouts [CSS Tutorials] - an excerpted chapter from a CSS book, this chapter walks through how to create a solid, two-column CSS... (Posted April 21, 2006)
Read "Rock Solid CSS Layouts" »

Yet Another Multicolumn Layout
Yet Another Multicolumn Layout | Home - the site is in German but CSS is a universal language.... (Posted April 3, 2006)
Read "Yet Another Multicolumn Layout" »

How to builder dynamic-width pages now
Digital Web Magazine - How to build dynamic-width pages now - a walk through on how to make CSS layout that will adjust for a... (Posted March 28, 2006)
Read "How to builder dynamic-width pages now" »

CSS/XHTML Templates
Mollio CSS/XHTML Templates - one, two, three-column layouts, with left or right nav and a styleguide. And they validate (yes, I checked!).... (Posted March 6, 2006)
Read "CSS/XHTML Templates" »

Layout Gala
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! - I love it when titles leave nothing... (Posted March 1, 2006)
Read "Layout Gala" »

CSS Drop Column Layout
CSS Drop Column Layout | Muffin Research Labs - another approach to dynamic layout width. This one is done with only CSS.... (Posted February 6, 2006)
Read "CSS Drop Column Layout" »

Width Based Layout
CollyLogic: Redesign Notes 1: Width-based layout - redesign notes, outlining how to set-up a width based layout that dynamically will add a 3rd column, depending... (Posted February 5, 2006)
Read "Width Based Layout" »

Wicked Worn and Bullet Proof Liquid
Wicked Worn Bulletproof Liquid - a marriage of two great ideas!... (Posted January 19, 2006)
Read "Wicked Worn and Bullet Proof Liquid" »

Resolution Dependent Layout Updated
Resolution dependent layout update" href="http://www.themaninblue.com/writing/perspective/2006/01/19/">The Man in Blue > Resolution dependent layout update.... (Posted January 19, 2006)
Read "Resolution Dependent Layout Updated" »

Div thinking cap
Veerle's blog - Comments - another excellent write-up from Veerle's blog, this time taking a look at looking at page layouts with css div containers.... (Posted November 22, 2005)
Read "Div thinking cap" »

In Search of One True Layout
Introduction - In search of the One True Layout... (Posted October 25, 2005)
Read "In Search of One True Layout" »

Creating Liquid Faux Columns
Creating Liquid Faux Columns - a worthy bookmark, since liquid seems to be the new black. Again. And yet another Liquid Faux Column approach.... (Posted October 21, 2005)
Read "Creating Liquid Faux Columns" »

Yet Another Multicolumn Layout
Yet Another Multicolumn Layout... (Posted October 21, 2005)
Read "Yet Another Multicolumn Layout" »

One clean markup, many layouts
One clean HTML markup, many layouts...... (Posted October 21, 2005)
Read "One clean markup, many layouts" »

Liquid Designs
Liquid design is 'back'. Here's a site that highlights some of the best implementations as well as offering up some resources to help in designing... (Posted September 27, 2005)
Read "Liquid Designs" »

CSS Based layout start to finish
design in-flight: Soup to Nuts: Making a CSS-based layout start to finish - great step-by-step description on how to produce compliant css/xhtml layouts.... (Posted August 17, 2005)
Read "CSS Based layout start to finish" »

Template:CSS
Template:css, a searchable repository of css based layouts . Handy resource. There is an option to add your own layout into the search engine as... (Posted December 19, 2004)
Read "Template:CSS" »

Spooky Girlfriend
Spooky Girlfriend ::: The Standards compliant, table-less Xhtml and Css code generator. Great name! From the same site that brought the simple, clean rollover menus.... (Posted March 19, 2004)
Read "Spooky Girlfriend" »

Lotsa Layouts
Quick and easy CSS layouts - RuthsarianLayouts, CSS Creator and the CSS Page Maker.... (Posted February 21, 2004)
Read "Lotsa Layouts" »

3-column CSS layout
Interesting 3 column CSS layout, which apparently works cross-browser (recent browsers, anyway). And another 3-column layout, inspired by this one. [Link found throug Web Graphics]... (Posted April 2, 2003)
Read "3-column CSS layout" »