Emogrifier

"Emogrifier automagically transmogrifies your HTML by parsing your CSS and inserting your CSS definitions into tags within your HTML based on your CSS selectors. You can either use the form below to paste your HTML or CSS, or if you're more technically inclined, you can download the PHP source code and use it in your own applications. "

http://www.pelagodesign.com/sidecar/emogrifier/

The Last Guide to CSS Layout You’ll Ever Need

1. Fixed or Fluid?
2. W-H-N-M-F
3. Two Column - Fixed
4. Three Column - Fixed
5. Fluid Layouts
6. Equal Height Columns

http://searchlightdigital.com/the-last-guide-to-css-layout-youll-ever-need

Percentage dimensions of the holy grail layout

"The CSS used for this layout is 100% valid and hack free. To overcome Internet Explorer's broken box model, no horizontal padding or margins are used. Instead, this design uses percentage widths and clever relative positioning."

http://matthewjamestaylor.com/blog/perfect-3-column.htm

CSS Tips

http://sweatte.wordpress.com/css-tips/

CSS Hacks

"Dealing with browser inconsistencies often makes up a majority of the work for a web designer. Sometimes there is no reasonable way to accomplish a desired layout in all major web browsers without the use of some special exception rules for certain layout engines. Hacks necessarily lead to potential complications and should be avoided whenever possible, but when the circumstances require hacks to be used, it's best to know what your options are and weigh the consequences appropriately. The purpose of this article is to describe some of the CSS hacks, also called CSS filters, with the least significant potential consequences."

http://www.webdevout.net/css-hacks

How to size text using ems

"If the world were an ideal place, we’d all use pixels. But it’s not, we have the broken browser to contend with. IE/Win will not allow readers to resize text that has been sized in pixels. Like it or not, your readers will want to resize text at some point. Perhaps they are short-sighted, doing a presentation, using a ridiculously high resolution laptop or simply have tired eyes. So unless you know (not think) your audience won’t be using IE/Win or will never wish to resize their text then pixels are not yet a viable solution."

http://clagnut.com/blog/348/

Web Developer's Handbook

http://www.alvit.de/handbook/

IE CSS Bugs That’ll Get You Every Time

"The little bugs in it’s CSS support still haunt us to this day. I still get comments from people who roundly reject any technique that doesn’t work in IE 6. While I generally refuse to pander to IE 6’s limitations, I still feel it is important to make things look right in it whenever possible. Here are that major bugs in IE that’ll get you every time"

http://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/

What Beautiful HTML Code Looks Like

"In HTML, it really comes down to craftsmanship. It’s all those little things added up that make the whole. Here is a list of just some of the little things that I look for in other’s code and that I try to do myself that make for good craftsmanship in HTML"

http://css-tricks.com/what-beautiful-html-code-looks-like/

Liquid CSS Layouts - Design Alternative to Table Based Websites

"This article is a step by step case study showing you how to transform your table based web site to liquid CSS based layout. Although the site we're applying the css layout to is a very specific case, throughout the tutorial we will provide various solutions to be applied to your particular case."

http://www.mardiros.net/liquid-css-layouts.html

Layout Gala

"In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility. The result is a set of 40 layouts that we've thought worth sharing"

http://blog.html.it/layoutgala/

CSS Cheat Sheet

http://lesliefranke.com/files/reference/csscheatsheet.html

Explorer Exposed!

These CSS bugs are all found only in Internet Explorer, versions 5 and higher. To see the demos properly, they must be viewed in IE, of course.

http://www.positioniseverything.net/explorer.html

What Beautiful HTML Code Looks Like

"... what makes beautiful code? In HTML, it really comes down to craftsmanship. It’s all those little things added up that make the whole. Here is a list of just some of the little things that I look for in other’s code and that I try to do myself that make for good craftsmanship in HTML: ..."

http://css-tricks.com/what-beautiful-html-code-looks-like/

Strange Banana - Webpage Style Generator

"The StrangeBanana Style Generator creates random webpage designs. The page design you are looking at has never been seen before - it was created programmatically through dynamic css just now."

http://www.strangebanana.com/generator.aspx