Monday, March 10, 2008 
Deadlock in Real Life

Over at Cozi, we've started a new technical blog. I just put my first post up, describing a nasty problem we had late last year.

Here's the summary:

Internet Explorer 6 does not support transparency in PNG images. The best-known solution is to use the DirectX AlphaImageLoader CSS filter. It's less well known that using AlphaImageLoader sometimes leads to a deadlock in IE6. There are two workarounds. Either wait until after the image has been downloaded to apply the filter to the image's style, or use the little-known transparent PNG8 format instead of the filter.

More here.

posted on Monday, March 10, 2008 9:47:32 PM (Pacific Daylight Time, UTC-07:00) 
#    Comments [0]
Wednesday, January 09, 2008 

http://images.amazon.com/images/P/073571410X.01.MZZZZZZZ.jpg

Title: Defensive Design for the Web
Author: 37 Signals
Rating: 3.5 stars out of 5
Publisher: New Riders
Copyright: 2004
ISBN: 073571410X
Pages: 246
Keywords: programming, web
Reading period: 23 December, 2007 - 9 January, 2008

This book contains 40 usability guidelines for websites, ranging from Eliminate the Reset button and disable the Submit button after it's clicked to Give an error message that's noticeable at a glance to Be upfront about item unavailabiity. The topics include error messages, clear instructions, friendly forms, overcoming missing pages, helpful help, obstacles to conversion, and search.

When I state them that baldly, they sound obvious. But they're not. The 37 Signals guys have amply illustrated each guideline with examples of sites that violated the guideline, and sites that exemplify the guideline. The examples are well chosen and bolster their points.

The book feels padded, however. They could easily have reduced the page count by two-thirds. Indeed, an earlier version of this book is available as a 17-page whitepaper. It was certainly worth the $6 that I paid for it at Half-Price Books, but I think I'd feel cheated if I had spent $25 on it.

The book refers to a companion website, DesignNotFound.com. This site is no longer available, which I find unforgivable. It's such a complete contradiction of the principles they advocate. The Wayback Machine reveals the original site.

posted on Thursday, January 10, 2008 7:59:22 AM (Pacific Standard Time, UTC-08:00) 
#    Comments [0]
Sunday, November 04, 2007 

http://images.amazon.com/images/P/0321509021.01.MZZZZZZZ.jpg

Title: Bulletproof Web Design, second edition
Author: Dan Cederholm
Rating: 4.5 stars out of 5
Publisher: New Riders
Copyright: 2007
ISBN: 0321509021
Pages: 312
Keywords: css, web
Reading period: 10-29 October, 2007

Cederholm clearly explains the CSS techniques required to build a "bulletproof" website: one that is robust in the face of text resizing, window resizing, disabled images, etc, with minimal, semantically correct markup that works across all the major browsers.

Anyone who's serious about building a modern website should read this book.

Cederholm builds up his examples, one step at a time, in a clear manner. For the shorter examples, he tends to show the entire CSS or XHTML again and again, with the latest changes highlighted in orange. I would have preferred him to strip out the unneccessary repetitive material. Otherwise, great book.

posted on Monday, November 05, 2007 5:09:04 AM (Pacific Standard Time, UTC-08:00) 
#    Comments [0]