Filtering CSS

To the point: This entry introduces a new CSS filter that can be used to import a separate style sheet for IE5/Mac, named the IE5/Mac Band Pass Filter.

Back Story

Ideally, I try to avoid the use of hacks in CSS files, if at all possible. Sadly, the continued discrepancies in the way browsers interpret CSS specifications (and then implement them) still require the use of more hacks than I’d like to see in my style sheets. I would prefer not to use any hacks or filters, but sometimes, they’re a necessary evil. Fortunately, hacks, workarounds, and filters can be used with discretion to ensure as much cross-browser design consistency as possible. continued

Office shopping

Next in the series of photos used for header images on Stopdesign is a candid photo I never would have expected to make use of in any kind of design, let alone Stopdesign’s Company pages. There’s nothing spectacular about this photo at first glance. Maybe even at second and third glances. In fact, any other designer probably would have passed it over. This… is Office Shopping.

Front entrance for the building at 109 Stephenson in San Francisco continued

Phil's BBQ

Picking up where we left off a couple weeks ago, I direct your attention to the header for the Examples section. (And no, you’re not just imagining a drastic shift if you looked at it soon after the redesign. I did change the background of the page from dark to light.) The original photo for this header image was taken during a recent trip down to San Diego, where good friends, Jason and Megan, took me to one of the best barbecue spots in the country… Phil’s BBQ:

The front of Phil's BBQ at night continued

Drive-by shooting

In the first of a series, I present the original, undoctored photo used for one of the header images on Stopdesign. This one: the home page. There’s a story behind each one of them, which will help humanize the abstractions I’ve used for each header. This photo was taken while I was visiting Miami in November 2002 for the AIGA I|O: Interaction Only Conference. I dubbed it… The Drive-By.

Original photo for the header image of Stopdesign's home page: The Drive-By continued

Stopdesign, reloaded

Welcome to Phase II of the new Stopdesign. Baby’s got new shoes. As if I weren’t busy enough as it is with current projects. For some reason, two weeks ago, I decided to start a full-blown redesign by yanking my own style sheets, encouraging me to do something sooner, rather than wait for a lighter workload. For those that count, this would be design version 3 (not counting the short-lived lightly styled version this one replaces). continued

More change afoot

Peek at the SD's new design, already well underway

Remember what was said about a work-in-progress? Certainly you didn’t think Stopdesign could be left stripped of proper attire for long? Phase II is already well underway…

The cost of Page Rank

The subject is covered frequently in the blogosphere. It’s nothing new for many of you. I’ve been bitten by Stopdesign’s Google page rank for specific search queries several times. I just noticed the most recent instance. When John Gruber published “Writing for Google” earlier this month, he provided advice for getting a good rank for one page or article so those seeking its content are likely to find it. Follow his advice for content you want people to find.

There’s a flip side to this issue though. What happens when Google gives a particular page too high a page rank? continued

Starting over

Ever wanted to ditch what you’ve got and start over? I sure have. I’ve been wanting to completely wipe the style sheets clean for this site and start over with a blank slate. Finally jumped off the cliff. Wonder if anyone saw me do it. And if they did, will they understand why? continued

Underline text in Adobe Illustrator

Last week, when I announced the Blogger redesign, I mentioned that I’ve been using Adobe Illustrator much more often to comp my designs, instead of Photoshop. The vector-based Illustrator provides more flexibility in shape rendering, and allows me to create and tweak designs faster than the bitmap editing of Photoshop. Once we’ve honed in on a final design, then I move over to Photoshop for a final polish and pixel-level precision for the site’s images. continued

About the author

Designer, advisor, father. Former creative director at Twitter. Previously led design teams at Google, Stopdesign, and Wired. Disney geek. Giants fan.
  • Follow @stopon Twitter
  • Douglas on Facebook
  • Douglas on LinkedIn