Marko Dugonjić wrote an article about an image preloader, which is too good not to mention.
The idea is brilliantly easy. So easy the real question would be “why didn’t anyone think of this before?”. A pre-loader is frequently used with flashmovies, to indicate that they are, indeed, loading. They get these pre-loaders as they tend […]

Dustin came up with the idea to have the first annual naked day. A day on which your site shows off all it’s white spots. So, no stylesheets for 24 hours. The reason behind this is to see how userfriendly your site is to people without css, and that includes (to an extent) screenreaders.
For […]

This topic is quite old already. Every ‘important’ webdeveloper says to follow standards and don’t use tables for layout as there is CSS. But still, almost all beginners still start at tables. Easy to learn, fast to builld why go to CSS?
Search engines
You want visitors on your site, don’t you? Well, search engines don’t […]

In maths there where 3 axis which coordinates together point to a certain position. The x-axis, in css seen as left, the y-axis, top in css, and the z-axis, which would be the z-index in css. With the transparent png support of ie7, it will be much more common to position elements on top of […]

Internet Explorer has been a pain to work with for webdevelopers who use CSS. The last new version emerged over 5 years ago, and although some bugs have been fixed, the major rise of css hasn’t been supported by it. Now however, IE7 is on the way. Which is a good, and a bad thing.
The […]

In CSS a lot is based around the box model, but what is that, and how does it work?
A box or a block?
In the css specs of the W3C they mention the box model, which also applies to block elements. However, they also apply to for example tables, and even to the body element. An […]

As developers gradually start to get used to using css based layouts instead of tables there is a new pitfill waiting around the corner, the use of semantically incorrect code. There isn’t much you can’t do with div and span, add a <a> element you’re almost at the end of the small list of elements […]

There are enough different ways to define font-size in css, but what do they all mean, and when to use them? Three are variable sizes, depending on their surroundings to figure out what size they’re shown at. Those are the em, ex and px. The rest are absolute heights, for when you really need to […]

You know all about childs electors, pseudo classes and pseudo elements. But is that all CSS you need to know? Not with CSS 3 coming. The W3C has put out a working draft for CSS 3 selectors on the 15th of December. But what’s in it?
Do remember that there is only a working draft right […]

A lot of good stuff can be done with CSS 2 (w3c recommendation 1998), but unfortunately a lot of it is still badly supported. However, with the new browsers (firefox, IE7 soon) a lot more of CSS 2 will be implemented. One of the cool things you can use is the attribute selector.
Suppose you have […]

With css you get the ability to style your lists better than you could before. And example of that would be the dropdown menu’s that can be made with css (usually done with lists), but most people forget about the use of different styles for lists items.
Traditionally used is the disc, a small black circle.
However […]

Images with a rollover effect are easy to make with the use of javascripts onRollOver function. However, it doesn’t work with javascript disabled. Luckily this is also possible with CSS.
My favorite way to do this works with an image that contains both the rollover and the normal state of the image, thus making it […]

1. More classes
So you’ve mastered classes? But did you know you can use more than one class per element?
<p class=’first big’>text</p>
This way, the CSS rules for both ‘first’ and ‘big will apply to this paragraph. If any rules overlap the one that’s closests to the bottom in the css will prevail.
2. Descendant selector
HTML is […]

If you’ve ever read Nielsens top ten webdesign mistakes you’ll know that one of the mistakes that comes back year after year is not differing between visited and not visited links. The question generally is how to do this without breaking the design.
Designing a different mark-up for the current active link, and giving visited […]