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;
[...]
Category Archives: CSS
Substitute :last-child for :first-child for IE 7 support
December 1, 2009 – 4:05 pm
RGBa makes a great debugging tool
December 1, 2009 – 3:31 pm
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
August 5, 2008 – 5:34 pm
Update: An anonymous genius in the comments suggested using translateY instead of top for the animation. After some edits I’ve updated my demo, and it flies! The scrolling animation is smooth as silk. Apparently Webkit transforms are the only hardware-accelerated animations at this point. Thanks, random dude on the internet!
Update 2: This code is released [...]
Flow 1.0.2
July 16, 2008 – 12:19 pm
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
August 7, 2007 – 1:51 pm
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
July 12, 2007 – 8:47 pm
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
March 10, 2007 – 10:00 am
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 [...]
