Category: CSS

Row-based designs

I wrote an article for the new online Web design magazine, 13things, entitled “Horizontal Flow: The Magic of Row-Based Design.” In it, I examine what the effect of column-based design has been, advantages of using rows to recapture the organizational effects of the grid that were largely lost when we abandoned table-based layouts, and some

CSS Naked Day!

In honor of CSS Naked Day, styles have temporarily been disabled. They’ll return tomorrow, April 10th, in the meantime, give a moment’s thought to how much CSS adds to the web.

Browser Hell, 2008

This is a presentation I gave to the Web Standards and Usability Users Group meeting on April 8. The title is way too pessimistic. I should’ve changed it to “Browser Purgatory,” but that doesn’t really have the same je ne sais quoi pas.

Thank you, to the IE 8 team

To anyone involved in designing with CSS and semantic HTML to support Web standards, Internet Explorer has been the constant thorn in our side. IE5, IE 5.5, IE6, and IE7 have been the seemingly endless source of a Microsoft-generated ocean of frustration: deviant box model DOCTYPE switching no min- or max- widths or heights no

Orange Blindfold Strikes Again: Safari for Windows

Safari for Windows? I had to try it. Safari is a superb browser, although most Mac’ers of my acquaintance prefer Firefox for the Mac. On their download page, Apple touts the many advantages of Safari for Windows, although most of them are advantages only over the rapidly diminishing Internet Explorer 6. However, the top of

Rethinking the “Universal White Space Reset”

You know it, you use it, you love it. I don’t remember who first came up with the “universal white space reset,” but it’s been around for years now, and it’s advantages are plain to see. Just start off your stylesheet with: * {margin: 0; padding: 0;} and bam! suddenly you, not the browser manufacturers,

liquid images in liquid layouts

Tuesday August 10, 2004 Although on this particular site I use a fixed-width layout, I’m a huge fan of liquid layouts, as you can see at A1 ProCoat and The common arrangement of a 640- or 800-pixel-wide fixed-pixel presentation floating in the middle (or worse, slapped against the left side of the window) of

Squashing the IE bug from hell

I just solved the strangest Internet Explorer CSS bug I’ve encountered to date. Everything looked great in Mozilla, Netscape 7, Safari, and Opera. I had a smart, two-column layout I’d adapted from layouts by CSS geniuses Alex Robinson» and Mark Newhouse». As long as the browser window was maximized, everything was fine. But when it