Category Archives: CSS

Foo Hack Redesign 3.0

So, it started out as just a few font changes. I’d been growing less and less pleased with Trebuchet MS, and had found a few cases where it broke the militant line-height rules I’d set for this site. In general, I felt that it was too crowded, and the gray hash textured background …Read More

CSS Modal Dialog that Works Right

In my last post, I touched on a method to get different browsers to handle the inline-block display style. I decided to use that on a project that I’m working on now that has a few modal dialogs. Modals are usually done wrong on the web, but I’m pretty confident that this approach does it right.

Feel free to skip all this and go straight to the example.…Read More

Cross Browser Support for inline-block Styling

Inline-block layout solves a lot of problems. It lets you do some cool stuff previously thought impossible with CSS. It makes vertical alignment work properly. And sadly, it’s supported pretty badly. I learned a new approach from one of the best insane inventor webdevs I know. The pieces have been out there for some time, it seems, but I hadn’t ever seen this spelled out as simply and elegantly as he did it. …Read More

Top 5 CSS Mistakes

This is not a post about the top 10 mistakes that developers make when they write CSS. That’s boring.

The CSS spec itself is littered with mistakes. Deep, fundamentally misguided errors. Real head-slapping WTFs that make you wonder if the people writing the spec had ever created a website in their lives. …Read More

Font Size vs Zoom — The only thing that’s wrong with YUI’s grids.css

It’s good to build sites that handle font resizing gracefully. However, the width of the columns on the page should not respond to font resizing, or else this damages the experience of the very users you were trying to help. (I’m one of those users.) Here’s why that is. …Read More

Blueprint CSS Framework vs YUI Grids

I compare YUI’s Grids CSS with Blueprint. Blueprint is interesting, but has some pretty major problems as a CSS framework, and I certainly wouldn’t recommend using it on a production site. YUI Grids, on the other hand, is indispensable. …Read More