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.

Sliding Doors Meets CSS Sprites

”Sliding doors” tabs with fewer images.

Posted on June 22, 2004

Flexible news list

Time for yet another example of a ”flexible boxes with rounded corners” technique. This time I’ve created a flexible news…

Posted on June 20, 2004

Mobile CSS is a Reality

A follow-up to HTML and CSS for Mobiles.

Posted on June 15, 2004

Creating Liquid Layouts with Negative Margins

Clever use of negative margins to create semi-liquid, source ordered layouts.

Posted on June 15, 2004

CSS teaser box revisited

In case you had a look at my CSS teaser box demo from last week, you’ll know that it has…

Posted on June 14, 2004

HTML and CSS for Mobiles

A test page to examine how web enabled PDAs and phones handle CSS media types.

Posted on June 14, 2004

CSS 2 Selector Fundamentals

A thorough explanation of the different kinds of selectors in CSS 2.

Posted on June 11, 2004

CSS Teaser Box

Just a little something that may be of use to someone. It’s pretty common for websites to have “teasers” that…

Posted on June 9, 2004

Equal height boxes with CSS, part II

Update: Reading the comments to this, I can see that several people have misunderstood what I’m doing here. This does…

Posted on June 1, 2004

Equal height boxes with CSS

Many web designers really like the idea of being able to place two or more containers, or boxes, side by…

Posted on May 30, 2004

:BefTer Drop Shadows

Use the :before and :after pseudo elements to create drop shadows.

Posted on May 24, 2004

Ticked Off Visited Links

Simon Collison writes about an alternative way of styling visited links.

Posted on May 23, 2004

Onion Skinned Drop Shadows

Yet another way of creating drop shadows with CSS.

Posted on May 23, 2004

Son of Suckerfish Dropdowns

Suckerfish dropdown menus with improved accessibility and compatibility.

Posted on May 18, 2004

How to size text using ems

Richard Rutter (Clagnut) explains how to size text using ems.

Posted on May 18, 2004

Tables for layout?

Recently, both Andy Budd and Dave Shea have written about how they consider using tables for layout acceptable in some…

Posted on May 16, 2004

Clearing floats without a clearer

A way of clearing a floated element without having to add extra markup.

Posted on May 16, 2004

Navigation Matrix

Didier Hilhorst explains how to create an image-based navigation bar that uses only one image file.

Posted on May 7, 2004

Scalable Mini Tabs

Dan Cederholm has updated his mini tabs to support text resizing.

Posted on May 4, 2004

Mountaintop Corners

Dan Cederholm explains a technique to create boxes with rounded corners.

Posted on May 1, 2004

Page navigation

Page 1 | Page 2 | Page 3 | Page 4 | Page 5 | Page 6 | Page 7 | Page 8 | Page 9 | Page 10 | Page 11 | Page 12 | Page 13 | Page 14 | Page 15 | Page 16 | Page 17 | Page 18 | Page 19 | Page 20 | Page 21

Archive contents