CSS Head

Do you like simple and clean design? Take a look at this collection of buttons for your website. This tutorial illustrates how to design nice clean buttons using some lines of HTML, CSS code and the Proxal icon set…

A useful list of CSS properties ordered alphabetically for easy reference…

Top web browsers (such as Firefox 3.5 and Safari 4) have introduced some cool features you can already use. Now, with just a few lines of CSS you can do things you used to do with images and javascript…

One of the reasons for using CSS to layout websites is to reduce the amount of HTML sent to site visitors. To avoid just moving the bloat from HTML to CSS, you should try to keep the size of your CSS files down as well, and I thought I’d explain my favourite CSS efficiency trick: shorthand properties. Most people know about and use some shorthand, but many don’t make full use of these space saving properties…

A prefab CSS framework can be a great help or serious hindrance. This article will give proper coverage to both sides of the fence by looking at common arguments for and against using a CSS framework…

Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elements and the biggest loser of them all in the battle for a standardized look is the infamous Submit button.

As is, the input with the type=”submit” is either too ugly (Firefox), a little buggy (Internet Explorer) or completely inflexible (Safari). The solution for most is to use image inputs and create the damn things ourselves. What we need is something better – something more flexible and meant for designers. Lucky for us, the solution already exists and all it needs is a little love. My friends, let me introduce you to my little friend : the “button” element…

You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags and 1 image and one CSS file. It’s tested and compatible with IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9…

I have coded this pager only CSS based navigation/pagination bar. No javascript is required. There are tooltips on hover and previous/next buttons to make navigation easier…

CSS backgrounds are an important part of web design. The property is where you add the colors and images that sit behind your content, which controls much of the aesthetics of your site. Remove your CSS backgrounds and your site will probably be text on a white background. While relatively easy to understand, CSS backgrounds often lead to some questions and confusion when it comes to pulling off specific techniques. Let’s see if we can clear up some of that confusion and then answer a few of those technique specific questions…

Question: Which Global Reset for CSS Should I Use? The short answer is the simplest one possible. The slightly longer answer is that you should reset some styles, but do so with a good reason. The long answer is that the exact CSS reset you choose will depend on the needs of your design…