The Incredible Em & Elastic Layouts with CSS

This article will walk you through creating a basic elastic layout; what exactly an “em” is and how to calculate them, how to use ems to create an elastic layer for content with scalable text and images, including basic vertical rhythm…

How to use headings in HTML

Many of web standards rookies feel that passing validation is good enough to call their work web standards compliant. Those who are more involved in web standards know that there’s more than that. Use of headings is a good example. While the validator will not show any warnings or errors for headings, you can’t say […]

Working with 100% tall web pages in CSS

Working with 100% tall web pages, including instructions and code samples…

Making Internet Explorer use PNG Alpha transparency

Internet Explorer supports some extra style features for providing transitions and filters to images. Two of these can help us with transparency in IE6. One is the AlphaImageLoader, which applies an image to the background of any element whose height and width are both explicitly set (or if the position: absolute; style is set) and […]

Scalable CSS Buttons Using PNG and Background Colors

How to create Dynamic CSS Buttons using PNG, transparency and background colors that degrade nicely and support full scalability i.e. buttons should resize in all directions according to the font size and content…

Cross Browser 100% Height in CSS

The question of 100% height comes up often, and yet, what do we mean by 100% height? It is shorthand for 100% browser window minimum height. Why do so many designers want it? Because they can do it quite easily in a table-based design, maybe? Why then, is it so difficult? Can 100% height be […]

Easy sIFR 3 Setup

Here is a quick but detailed run down of how to get sIFR3 installed on your site.

Faux Columns – Equal height columns with CSS

“How do you get the right column’s background color to extend all the way down the page?” It’s a simple concept. One that many of you may already be familiar with. But for those who aren’t, the following technique can be a handy little trick…

« Previous Page