Design Resources

5 Tips for coding xhtml/css layouts Mar 08, 2007

Few tips in the transition from table-based web design to standards compliant css based layouts.

CSS layout: 100% height with header and footer Mar 07, 2007

Sometimes things that used to be really simple with tables can still appear pretty hard with CSS. This layout for instance would consist of 3 cells; two with a fixed height, and a third one in the center filling up the remaining space. Using CSS, however, you have to take a different approach.

position:relative and overflow in Internet Explorer 7 Mar 06, 2007

The overflow bug is documented well and exists in IE6 and still continuous on ie7, Jonathan Snook has found a solution.

How to debug CSS Mar 06, 2007

This is a list of guidelines that will help you identify what the problem is, so that you can take the steps you need to fix it. This guide has to be relitively vague, as its not about one specific problem, its about every problem you’re ever likely to encounter.

Creating a CSS layout from scratch Mar 06, 2007

This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout.

How do I make equal columns in CSS? Mar 05, 2007

Unfortunately, IE (including IE7) doesn’t support the display:table and display:table-cell properties (although Mozilla and other browsers do), therefore if you want to support most browsers then you can’t use display:table and need to resort to other methods. This article will present to you a nice cross-browser solution to achieving equal columns with CSS.

Colour Contrast Check Mar 05, 2007

The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast “when viewed by someone having color deficits or when viewed on a black and white screen”

Web page optimizer Mar 05, 2007

How to go from 15kb to a file of 11kb without even changing one single line in a CSS file? Without ruining the looks and comments of our page. How to keep them intact for editing and highly parsed, optimized for speed and compressed but only for the visitors? How to do that without the stress of updating something when you change your code?

swfIR (swf Image Replacement) Feb 28, 2007

Using the dark arts of JavaScript and Flash, swfIR gives you the ability to apply an assortment of visual effects to any or all images on your website. Through progressive enhancement, it looks through your page and can easily add some new flavor to standard image styling.

Debugging CSS in Internet Explorer - Part 1 Feb 28, 2007

For web designers and developers, fixing CSS issues in Internet Explorer is a daily chore.This article will help designers and developers to debug CSS issues quicker and make the most of their time.