Archive for October 2005

RoundCube: Beautiful Webmail

I can't wait to start using this. Please come out soon.

Wired: Battle for the Soul of the MP3 Phone

The full story about Apple, Motorola, and the introduction of the ROKR phone.

Anil Dash: The Interesting Economy

A look at what "interestingness" does to the microeconomy of a site.

sIFR 3: A Request for Requests

The excellent new sIFR-licious UW Admissions Site, designed and developed by Mercury Cloud.Now that Flash 7 penetration is well into the 90% range, it’s time to start thinking about version 3 of sIFR. One of the big selling points of sIFR 2 was that it was backwards-compatible with Flash 6, but given the most current Flash adoption numbers, that doesn’t seem necessary anymore.

SO… what The Dutch Wolf and I would like to do is provide a new version of sIFR which offers baseline compatibility with Flash 7 and progressive-enhancement for Flash 8.

We’ve already come up with a few things we’d like to add but are requesting feature requests from designers and developers in order to make sure this new version is as complete as possible. Here’s initial punchlist:

  • Ability to display crisper text (especially at small sizes) for people with Flash 8. The Flash 8 Player uses a new anti-aliasing algorithm that now renders Flash text as beautifully as Photoshop does.
  • More complete text formatting options using Flash’s CSS support. This includes the ability to color individual spans within a single sIFR file.
  • Ability to use (and abuse) Flash 8’s live effects like soft drop shadows behind text.
  • On-the-fly resizability of sIFR elements when windows are resized.
  • Actionscript 2 syntax.

A major requirement of this release is that it should only take you a minute or two to upgrade any existing sIFR installations, so rest assured that when the new version comes out, it’ll be a snap to install.

Since we’re already talking about sIFR, I wanted to quickly call out some excellent uses of it I’ve seen over the past few months:

  • Will Prater and friends over at Mercury Cloud have redesigned the admissions site for my alma-mater, The University of Washington, and it is spectacular. Some of the best use of sIFR I’ve ever seen and just a fabulous site to boot.
  • now uses sIFR on almost every page on the site thanks to Jim Amos and Campbell-Ewald.
  • Khoi Vinh has redesigned The Onion and Paragraph making subtle and disciplined use of sIFR.
  • Thanks to Eric Webster and Digitas, the site uses sIFR for their mastheads. is a good example of a Flash-heavy site making smart use of the technology.
  • I can’t remember who sent me this site (please let me know so I can give you credit) but Propel Fitness Water now makes nice use of sIFR and they even somehow managed to give their sIFR text nice wide kerning. I’d like to know if that required manual editing of font files. Looks very nice.

sIFR also was featured in Print Magazine this month thanks to the excellent Patric King.

So enough of the sIFR lovefest… let’s hear some feature requests!

UPDATE: I almost forgot… well actually I *did* forget… the entire AT& site now also uses sIFR, thanks to the great work of Joe D’Andrea.

Complete Delicious Tool Collection

A list of things built with and on top of

Flying with the Flock

A sneak preview of the upcoming Flock browser. Good stuff!

Bloglines Gets Key Commands, Hijacks Browsers

UPDATE: Ben Lowery of Bloglines has not only responded promptly in the comments below, but now both problems are fixed. The “unread” display is now also exactly as I suggested. Kudos to Ben and Bloglines! Much better!

I’m a huge Bloglines fan and have used it as my only newsreader for almost two years now. It’s a smart product created by an even smarter person, Mark Fletcher. Almost every single feature Bloglines has added since launch has been implemented with the utmost of care and has improved my experience on the site incrementally. Yesterday, however, the site added two features which are in need of fixing. In their announcement about the feature additions, Bloglines asked users to express their thoughts about the changes publicly, so that’s what I’m doing.

Problem #1: Keyboard Shortcut Hijacking

I didn’t even know this was possible, but somehow, the addition of keyboard shortcuts to Bloglines has completely disabled system-level shortcuts in my browser. Bloglines, probably in reaction to Google’s new shortcut-heavy newsreader, has added all sorts of key commands to help users navigate through their feeds. Unfortunately, now I can’t hit Command-W to close my browser window. Nor can I hit Command-Q to quit or Command-T to open a new tab. It took me awhile to figure out what was going on, but it’s definitely Bloglines because if I’m not on a Bloglines page, the key-commands begin working again.

My first reaction was that although this is obviously caused by Bloglines, it’s a bug in Safari that it’s even possible for a site to cause such a crippling. But then I switched over to Firefox and the same thing happened! What the hell! Any key-command gurus know what’s going on here? And is this happening on PCs too? It’s very very weird. I’ve never seen a web page that can cripple a browser like this.

Problem #2: Unread vs. Keep New

As part of the feature upgrade, Bloglines added something I’ve been wishing for a long time they had: the ability to differentiate between items that are truly unread vs. items I’ve specifically indicated to keep as unread. The difference here being that the latter are news items I’ve specifically noted as important, but I just haven’t had the time to go through them yet.

So the good news is that this feature has been added. Yay. The bad news is that the interface for it is not intuitive and it’s already annoying me. To the right is a diagram of the current implementation. Notice that some entries have one number and others have two separated by a colon.

Take the Kottke example. “0:9” means that there are 0 items I haven’t read and 9 items that I’ve specifically indicated deserve further review when I find a moment. Other entries, like Meyerweb, have only one number. The “2” means simply that there are two unread items. These numbers change wildly from month to month from me. Sometimes a site like Kottke will have zero “keep new” items and Meyerweb will have four… it just depends on where I’m at in my neurotic newsreading cycle.

The problem with this interface is a subtle one: First of all, colons imply either “time” or a “ratio”… neither of which apply in any helpful way to this situation. Second of all, there’s no intuitive clue as to whether the first number means “unread” and the second number means “keep new” or vice versa. Bloglines is forcing users to develop this association over time and it’s just not very helpful to do that.

To the right is what I propose. Notice the lack of colons. Notice also that the “unread” number is the only number in bold… thus more closely mirroring what Bloglines users are already used to: bold equals unread. The “keep new” number is set in light gray and unbolded to help you establish a quick connection that it represents a totally different thing. Furthermore, it mirrors the mail application analogy that what you haven’t read is bold and everything else isn’t.

So anyway, that’s my two cents about the Bloglines update. Please address these two issues and I’ll continue to sing your praises as the best way to consume RSS on the web.

The Believer: Chip Kidd talks with Milton Glaser

An interviewer with the king.

The Safeway Club

Woody Allen (and I think Groucho Marx) once said “I would never join a club that would have me as a member.”

There is a special club, however, that I have refused entrance to dozens of times for entirely different reasons: The Safeway Club.

You see, I’m a huge supermarket snob. So much so that I have an entire post saved up which explains the difference between a good and a bad supermarket.

That said, I found myself at my local Safeway the other day. It’s a supermarket I hate for many reasons, not the least of which is their use of the “Safeway Club Card”. I’ve probably been to Safeway about 40 times in the last 10 years and every single time at the cash register they’ve asked me if I wanted to sign up for a Safeway Club Card. The conversation usually goes something like this:

Cute Checker Chick (CCC): Your total is $45.38. Do you have a Safeway Club Card?

Me: No.

CCC: Would you like to sign up for one?

Me: No thanks. I don’t come here often.

CCC: Ok. Thanks for shopping at Safeway.

40 different visits. Always the same result.

But this time, things went differently. I happened to be buying mostly alcohol (shut up… don’t judge) and the cute checker chick noticed that having a Club Card would take about 30% off my bill.

CCC: Your total is $33.29. Do you have a Safeway Club Card?

Me: No.

CCC: Now you do (throws card in my bag). Your total is $21.94.

Me: Ummm, ok. Thanks.

I tried to explain to the checker the significance of what she had just done but the accomplishment was mostly lost on her. One subtle difference in the delivery of the pitch and I am now a card-carrying Safeway Club member. Doesn’t mean I will start going there any more often, but hey, the card’s in my wallet now so I guess they figure that’s the first step in the assimilation.

All grocery stores with loyalty card programs should sign people up in this way. I can’t refuse a card if I’m not even asked to sign up for one.

iPod Giveaway #6: We Have A Winner

Last month’s iPod-A-Month Creativity Competition drew almost 500 entries but was a bit too easy. This month’s was significantly more difficult and unfortunately drew much fewer submissions. The good news, however, is that we not only have a winner in Jeremie Blais of Ottawa, Canada but $2304 was raised for the American Red Cross.

Jeremie’s entry showed effort, creativity, and taste, and as this month’s winner, he will receive an iPod Nano from me and a pair of $150 Etymolic earbuds from iLounge. Congrats Jeremie.

As always, the submission pool for competition ideas remains open until the end of the year.

The Ocean in 185 Lines of Javascript:

Mesmerizing. Try tweaking some of the variables in the “sea” section of the code.

“"Design had been a vertical stripe in the chain of events in a product’s delivery; at Apple, it became a long horizontal stripe, where design is part of every conversation.””
Why I Just Asked My Students To Put Their Laptops Away:

A great essay about how toxic everyday distractions can be.

Humanity's deep future:

A group of researchers at the Future of Humanity Institute talk about where our race may be going and how artificial intelligence could save or kill us all.

Steve Jobs speaks about the future at the International Design Conference in 1983:

31 years later, it’s safe to say this is one of the most prescient speeches about technology ever delivered. Jobs covers wireless networking, tablets, Google StreetView, Siri, and the App Store (among other things) many years before their proliferation. A fantastic listen.

How to travel around the world for a year:

Great advice for when you finally find the time.


A fantastic app for prototyping your design work onto real world objects like billboards, book covers, and coffee cups. This seems like just as great of a tool for people learning design as it does for experts.

50 problems in 50 days:

One man’s attempt to solve 50 problems in 50 days using only great design. Some good startup ideas in here…

How to Do Philosophy:

If you’ve ever suspected that most classical philosophy is a colossal waste of time, Paul Graham tells you why you’re probably right.

TIME: Why Medical Bills Are Killing Us:

Stephen Brill follows the money to uncover the pinnacle of corruption that is the U.S. Health Care system. A must-read article if there ever was one.

DIY Dot Org:

A beautifully designed site full of fun and challenging DIY projects. I could spend months on here.

The Steve Jobs Video Archive:

A collection of over 250 Steve Jobs videos in biographical order

Self-portraits from an artist under the influence of 48 different psychoactive drug combos.

Water Wigs are pretty amazing.

David Pogue proposes to his girlfriend by creating a fake movie trailer about them and then getting a theater to play it before a real movie. Beautiful and totally awesome.