Designing CSS Buttons: Techniques and Resources

Buttons, whatever their purpose, are important design elements. They could be the end point of a Web form or a call to action. Designers have many reasons to style buttons, including to make them more attractive and to enhance usability. One of the most important reasons, though, is that standard buttons can easily be missed […]

CSS Border Attribute – Usage and Best Practices

Borders used to be those ugly gray things that surrounded elements such as tables and frames, but now with CSS they are a very powerful tool for designers…

Use the Cascade – On Using CSS Sensibly

Many times I see people of all skill levels making poor use of the first “C” in CSS; cascading. Furthermore, a constant underuse of specificity is apparent in a lot of developers’ work. While this isn’t wrong per se, it doesn’t make best use of CSS’s primary attribute/purpose, and can cause unecessary workload and coding […]

CSS Box Model: The Foundation For Improving Your CSS

The CSS box model lies behind everything you do in CSS. Every element is defined by a rectangular box that encloses that element. Understanding how the box model works is a key to understanding CSS and having greater control over your layout and presentation. Let’s dive right in and talk about what the CSS box […]

How to Bring CSS3 Features into Your Design

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…

CSS Frameworks: Pros and Cons

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…

CSS Backgrounds: 12 Solutions To Common Questions

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 […]

5 Simple, But Useful CSS Properties

This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I’m not talking about the new fancy CSS3 properties. I’m referring to the old CSS2 properties such as: clip, min-height, white-space, cursor, and display that are widely supported by all browsers. So, don’t miss […]

CSS3 Hover Tabs without JavaScript

With the new techniques in CSS3 and clever applications of existing CSS it is increasingly stepping on the toes of JavaScript. Which to be honest isn’t necessarily a bad thing. I thought I’d try my hand at something so here is a basic CSS tabbed content section that changes on hover…

Equal Height Columns – Companion Columns Method

The search for a technique that offers real equal height columns leads nowhere because we don’t have full vertical control in current CSS 2.1 implementations cross browser. The available techniques are simulations of columns: a repeated image displaying Faux Columns [Cederholm], columns made of borders [Livingstone], and variations. We couldn’t even fall back on a […]

« Previous PageNext Page »