Andy Leon

A little while back, I posted some information on revisions to the CSS box-model in CSS 3. I thought I’d follow up with some more information that wasn’t in that post regarding another option for the property as well as …

Although there are multitude of browsers out there, sense does prevail (sort of) in that they are all based on handful on rendering engines. This is the important part of a Web browser that actually deals with the layout of …

IE6 has a very strange bug with an even stranger solution, whereby it doubles margins on floated block elements. Say you have a parent <div> that will contain a 3×3 grid of nine <divs>. You want a ten pixel gap …

Probably the biggest change in CSS3 are optional changes to the box-model and how browsers render heights and widths. Using the traditional box-model, heights and widths of boxes set the dimensions of the internal content area. Any padding, borders or …

One of the best things about CSS3 is how it handles overflowing text. Even if you introduce character limits in the programming stage, it’s still very difficult to get this right. When using varibale-width fonts, the odd character can overflow …

With CSS3 there is no longer the need to use an image editor to create drop shadows on your text. Using the “text-shadow: ” property you can add shadows of any colour, at any horizontal or vertical displacement and even …

With CSS3, users will be able to resize specific elements on your pages, through the use of the “resize: ” property. The example below make a class of <div> called “resize” that the user will be able to scale. div.resize …

Not sure about the usefulness of this one but it’s worth knowing about. CSS3 will see the introduction of colour-values based on hue, saturation and lightness values – one of many ways of describing colours other than RGB. It requires …

The upcoming CSS3 will see support for more complex colour values, including an alpha value. Using CSS2, a semi-transparent background has been a bit of a problem. You had the option of using a semi-transparent PNG image but this isn’t …