Home

Resources Home CSS Layout Articles

User rating:

The Perfect 3 Column Liquid Layout

The slogan: "No CSS hacks. SEO friendly. No Images. No JavaScript. Cross-browser & iPhone compatible."
http://matthewjamestaylor.com/blog/perfect-3-column.htm
User rating:

Building HTML/CSS Sites: Use a Template

If you churning out websites frequently, it can be very unproductive to start from scratch each time the basic HTML code . This article looks at creating a reusable, basic template for that purpose.
http://www.divitodesign.com/2009/02/building-html-css-sites-use-a-template/
User rating:

Developer-Friendly Free Templates

A nice collection of Free CSS Templates. Most of them are Web 2.0 styled, XHTML / CSS validated, and come with PSD files.
http://www.2expertsdesign.com/2009/01/21/developer-friendly-free-templates/
User rating:

WebNicer Simple Grid System

A simple CSS grid framework that lets you quickly deploy flexible layouts with no complex CSS classes or rules to remember.
http://webnicer.com/
User rating:

CSS display: table

Another article that looks at using CSS2's display:table property to create table like layouts using just DIV tags.
http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/
User rating:

The Return of Table-Based Layout (Well, Sort Of)

CSS2's "display" property lets you create column layouts that emulate tables in complexity, and with IE8's support of it, CSS layouts is about to really take off.
http://www.freelancermagazine.com/the-return-of-table-based-layout/
User rating:

A Killer Collection of Global CSS Reset Styles

CSS "reset" rules override default browser styles and make cross browser CSS simple. A collection of killer CSS reset styles.
http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/
User rating:

CSS display:inline-block

This article investigate various ways CSS's "display:inline-block" is useful, and cross browser so.
http://www.search-this.com/2008/08/28/lets-all-get-inline-in-a-block-in-a-block/
User rating:

Pixel Precision with Diagnostic CSS

A little CSS trick to achieve pixel precision when converting your PSD to actual design.
http://aloestudios.com/2008/08/pixel-precision-with-diagnostic-css/
User rating:

Top 10 CSS Table Designs

How many of you have used CSS based tables on your sites? I have before, here's a list of some great CSS based table designs worth checking out!
http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/

All images and content copyright © 2004-2010 CSS Drive. Contact Info | Back to Top