Category Archives: CSS

Substitute :last-child for :first-child for IE 7 support

Consider the following:
ul li {
   display: inline;
   margin-right: 10px;
   padding-right: 10px;
   border-right: 1px solid red;
}
ul li:last-child {
   margin-right: 0;
   padding-right: 0;
   border-right: 0;
}
This bit of CSS would give you perfect line separators in IE8+. But since IE 7 supports the :first-child pseudo-class, we can do one better:
ul li {
   display: inline;
   margin-left: 10px;
   padding-left: 10px;
   [...]

RGBa makes a great debugging tool

With 24 Ways pushing RGBa into the foreground today, I thought I’d share a quick debugging tip. Using RGBa can help while you’re debugging element positioning. For the adventurous, combine with a debug class:
.debug {
  background: rgba(255, 0, 0, 0.5);
}

Fixed positioning in Mobile Safari

11/16/2010: It’s been a long time since my fixed positioning script was released. I’m very pleased that it was the precursor for much more robust solutions to this problem. Please continue on if you’d like to read through the history of this hack. If you’re looking for a real-world solution please take a look at [...]

Flow 1.0.2

I just pushed release 1.0.2 out the door.
Bug fix:
Flow will no longer choke with SWFObject.
Early this morning I received a report about Flow not playing nicely with SWFObject. After debugging, it turned out it was a case of doing too much.
SWFObject correctly cleans up after itself in IE by removing its generated code on unload. [...]

Pickleview 1.0

I’m proud to announce that we’ve just crossed this significant milestone. After weeks of crunching bugs and rolling out update after update, Pickleview is officially a 1.0 release.
What started as a simple itch to scratch has turned into a full-fledged iPhone application, used by true honest-to-goodness people. Really!
The feedback has been nothing short of spectacular. [...]

Pickleview

I want to talk a little bit about a side project that’s gleefully taken up most of my free time.
Over the weekend I attended iPhoneDevCamp, a gathering of web geeks from around the globe with one purpose: to create applications for iPhone.
I went into the event with little-to-no expectation of anything happening. It being my [...]

Cross-browser opacity

With the rapid proliferation of IE 7, I think a closer look at cross-browser opacity is needed.
Please note that I’m not talking about image-based opacity, but rather opacity on any given element. There are articles on image opacity that are still relevant to today’s browsers.
The current favorite method is a combo opacity/filter fix to placate [...]