A Blog in Suburban Glory: Web Design Ideas and Inspiration

Pseudo-elements are fantastically useful as they allow greater control of elements and selectors without extra HTML mark-up.

As with much advanced CSS, pseudo-element take up has been slow amongst web designers because of poor support in Internet Explorer.

However, as IE...

CSS 2.1 pseudo-classes

a:link {color:#3344dd}
a:visited {color:#804180}
a:hover {color:#b50010}
a:active {color:#b50010}

The above CSS pseudo-classes should already be familiar to yo...

Attribute selectors are a part of both CSS 2.1 and CSS 3.0 and this tutorial will show you how to use these powerful design aids.

If they are that helpful then why isn't their use more widespread, you may ask? Two words: Internet Explorer. Although they have almost 100% support in IE7 they ...

In January developer Keith Clark released his script that allows gave cross-browser support to use 18 different types of CSS pseudo-classes that previously had limited or no support in Internet Explorer.

The scrip...

This is a technique I discovered by accident when creating the Drupal Sunset theme.

The purpose of the box-shadow property is self-explanatory – it creates a shadow around an element.

I've used box-sh...

The reason I am writing this guide is that I've read many of the current online tutorials and they are all quite confusing to those first approaching this CSS property.

It's clear as well border-image will be play an increasingly important part in web design as the CSS2.1 border style prop...

If you haven't read it yet then I strongly recommend that you take a look at Cameron Adams article Fancy Form Design Using CSS if you are really serious about tackling this aspect of web design.

It's...

Not always, but most of the time I stick to Helvetica for titles and Verdana in CSS files. The vast majority of web designers have a very few number of fonts that they prefer. It's not that there isn't the choice of fonts available, it's because of poor support across the various operating system.