CSS

Cascading Style Sheets are used to define the presentation layer of websites. How CSS works is not always self-evident, so many of these articles explain various aspects of using CSS.

Web Essentials CSS Workshops

In case you were looking for a good reason to visit Australia in July.

Posted on June 8, 2005

Div Mania

How to avoid overuse of div elements.

Posted on June 3, 2005

Comments: Behind the Scenes

Jonathan Snook’s very neat comments system explained.

Posted on May 22, 2005

Transparent custom corners and borders

Create a resizable box with custom, transparent corners and borders and no extra markup.

Posted on May 16, 2005

JavaScript-enhanced image replacement

One way of solving the images off, CSS on problem with image replacement.

Posted on May 14, 2005

Image Attributes

Questioning width and height values for images.

Posted on May 13, 2005

Manipulating Definition Lists

Turning a definition list into a multi-column portfolio.

Posted on May 11, 2005

Line Height

A thorough explanation of the line-height CSS property.

Posted on May 7, 2005

Jello: A Different Liquid Layout

Fixed and fluid width combined. Sort of.

Posted on May 6, 2005

CSS Organization Tip 1: Flags

How to quickly find different sections of your CSS files.

Posted on May 3, 2005

Fixed or fluid width? Elastic!

A quick explanation of the concept of elastic width layouts.

Posted on April 25, 2005

Definitive Solution to Image Replacement

Image replacement that solves the images off, CSS on problem.

Posted on April 13, 2005

Planning Structural HTML

An introduction to structural HTML and how it helps preparing a document for CSS styling.

Posted on April 9, 2005

Class Presentation

Interesting discussion on how to keep class names non-presentational.

Posted on April 6, 2005

More Nifty Corners

Rounded corners without images or markup clutter, now even better.

Posted on April 5, 2005

7 steps to better handheld browsing

Tips for giving people browsing with handheld devices a better experience.

Posted on April 2, 2005

Redesign and renovation

Notes on a redesign of 456 Berea Street.

Posted on March 29, 2005

CSS tips and tricks, Part 2

Tips and tricks for writing efficient CSS. Part 2 of 2.

Posted on March 21, 2005

Nifty Corners

Rounded corners without images. No, not CSS3 either.

Posted on March 15, 2005

CSS tips and tricks, Part 1

Tips and tricks for writing efficient CSS. Part 1 of 2.