Archive for the ‘UI’ Category

workaround for entity bug (?) in tabber

Tuesday, February 6th, 2007

A user of my tabber script discovered that when his tab headings had an ampersand character like this:

<h2>Me &amp; My Shadow</h2>

Then the tab control displayed “&amp;” instead of a single ampersand character.

It looks like this occurs because the JavaScript DOM function document.createTextNode() does not convert entities. However, it looks like innerHTML does convert entities, so to fix your problem find the following line in tabber.js:


and replace with the following:

DOM_a.innerHTML = t.headingText;

I’ll think about this some more and if I can’t find any bad side effects I’ll add to the tabber code.

remember me

Sunday, October 8th, 2006

Many sites have a “remember me on this computer” checkbox when logging in, which saves a cookie on your computer so you remain logged into the site. Slashdot actually makes the cookie opt-out: you must select “public terminal” if you don’t want to save a cookie on the computer.

Today I saw an interesting feature on the AAA Auto Club web site. It had the typical “remember me” checkbox when logging in. I logged in but did not select the checkbox.

Then on the “my account” page, it presented the option again. This is the first time I have seen an option to save your account cookie other than on the log-in form. It also gives you the ability to delete the cookie. It’s a nice detail.

Fun experimental interactive system

Thursday, October 5th, 2006

FauxJAX: An AJAX Framework for Idiots

Thursday, April 13th, 2006
fake eyball

Introducing FauxJAX.

Want to get your hands on some crazy delicious Web 2.0 venture capital, but don’t have mad AJAX skills? If you can copy and paste, you too can have a website that looks oh-so two thousand and six!

Simply use our framework to display content on your site, and we’ll do the rest. Don’t worry about outdated server-side technology because FauxJax is beyond all that. Way beyond. Like in the next century, you have no idea.

Get FauxJAX today!

STOP YELLING: The Flickr Newbie Muzzle

Wednesday, April 12th, 2006


I noticed on Flickr that they have implemented anti-yelling technology – so if you enter a comment in all caps it automatically changes to lower-case and even attempts to capitalize words based on sentence position.




Testing comment. Wow! It works!

This is cool, although if you really want to type in all caps it won’t let you. In my mind it’s a good tradeoff.

Update: it would have been even better if they had provided a notification that this was being done, and perhaps a way to override it if you really wanted all caps.

more user interface blast from the past

Tuesday, April 11th, 2006


Forgive my continued stroll down memory lane as I sort out my old-school ui / web application design work. Back in those days we didn’t have any fancy “C S S” and we liked it that way! Harumph.

VirtualVault was a high-security variant of HP-UX with an integrated web server, used by the first Internet-enabled banks. In fact, when SecureWare was pitching the first Internet bank (Security First Network Bank) I created the demo screens used in the presentation (my one meager contribution to history, I’ll puff up my resume to say “I designed the first internet bank”).

Compartmented-mode security was devilishly hard to administer, so we created a web-based administration tool. We solved a lot of problems and developed our own standards, and looking back at it I think it holds up remarkably well.

vv-home.gif vv-newaccount.gif

In addition to doing information architecture, graphic design, user interface design, and high-security programming (phew!) one of the toughest things was to retrofit the application for internationalization/localization, then I got stuck managing the Japanese localization (what a time and culture difference!). We came up with a pretty good solution for internationalizing the code, then a few years later I was looking at a new GNU gettext solution, and realized it used a very similar system so I guess we did something right! Even with the aid of tools we developed, retrofitting an existing application was a bitch, so now whenever I can I write i18n code from the start.


This project was a great opportunity for me, but the ultra-high security market was not lucrative enough so HP got out of the security market. The old team still gets together for a holiday party each year, which I think is pretty remarkable.

user interface blast from the past

Monday, April 10th, 2006

Updating my portfolio I was going through some screenshots of an old web app I made for the HP intranet. At the time I don’t think I realized that I was creating a “blog” – just making something that we needed (and I got to learn a lot about PHP and MySQL in the process).


JavaScript tabbifier v1.7 new features

Monday, April 10th, 2006

I just released a new version of my JavaScript tab interface software.

New Features

  • Can automatically set a unique id for each tab navigation link, which allows you to individually style each tab.
  • Includes a “minimized” version of the code (with comments and whitespace removed, for extra-fast loading).