I spent a few minutes tonight figuring out why PNG files display differently on Safari (and IE6/7). It’s related to both gamma and colour space.

A partial solution:

pngcrush -rem cHRM -rem gAMA -rem iCCP -rem sRGB -d fixed/ *

The real solution:

There is no way of making PNG images that match CSS colors in all PNG-supporting browsers. This reduces the usefulness of the otherwise excellent image format. If the image colors and the colors defined in a style sheet need to match, it is safer to use GIF or JPEG. If you want to use PNG and don’t care about older browser versions (pre-Tiger Safari in particular), the best course of action is removing all the color space information from the PNG files. If you only want a match with the background color, you could make the background a PNG image as well. –The Sad Story of PNG Gamma “Correction”

A good overview of contextual user interfaces, including several examples.

A great discussion about the usability of 3-column layouts.

A very complete set of CSS layouts, cross-browser and well organized.

A site using a visual recipe format, an approach . I’ve been quietly working on a similar tool, but hoping for a better overall layout (great layouts are hard).

When to use tables for layout. Too bad IE doesn’t support the table CSS display properties.

Yahoo’s Grid CSS defines 100s of cross-browser compatible column layouts in a single, small CSS file (1.82Kb). This is an interesting alternative to the more common approach, as it clearly defines terms for various layouts, almost providing a language for columnar layouts.

A set of 20 generic CSS layouts. These are a reasonable basis for nearly any conventional site (includes 1, 2, and 3 column layouts).

Newsmap, a rich, highly-visual news site layout. An interesting approach, though a bit loud for my taste.

40 CSS layouts based on a single page of markup.