Category Archives: Interface Design

Enlarging your YUI DataTable in 30 Seconds or Less!

Please note that this post has been updated to the new version of YUI, 2.3.0 in an article called “Enlarging your YUI DataTable in 29 Seconds or Less!” Do you want to fit more content onto your DataTable, but don’t know how? Do you wish that you had fewer columns, or more horizontal screen-estate? Well [...]
Also posted in CSS, JavaScript | Tagged , , |

Problems with YUI DataTable

If you have read anything I’ve written before or know me at all, you know that my go-to JavaScript library is the one and only YUI. So obviously, when I was looking around for a Grid (or as YUI jargon goes, a DataTable), naturally I’m going to turn to YUI compatible components. First, I looked [...]
Also posted in CSS, JavaScript, Reviews | Tagged , , , |

Conservative Design Example: Hierarchical Options

Welcome, one and all, to the second installment of actual code examples for the Conservative Design series. The decision was made (by me) to rename the component in question from the original Hierarchical Select to Hierarchical Options, due to the fact that the hierarchy can consist of any multiple option component, and is not limited [...]
Also posted in JavaScript | Tagged , |

Conservative Design Example: Multiple Option List

All of the posts in the Conservative Design series so far have been brainstorming of design patterns. But how about some real life examples, some actual code? Let’s dive in. The first example I decided to tackle was the Option List, specifically the variant that allows multiple options to be selected. Let me start out [...]
Also posted in JavaScript | Tagged |

Conservative Design: Command Line Interface

This is another post in the series entitled Conservative Design Patterns for Form Elements. The argument has existed since the dawn of the Graphical User Interface (GUI). Which is better, keyboard-exclusive Command Line or mouse-intensive GUI’s? As more enterprise architectures are moving from terminals to web interfaces for their products, and as time is moving [...]
Posted in Interface Design | Tagged , |

Conservative Design: Option List

This is another post in the series entitled Conservative Design Patterns for Form Elements. Next we’ll look at a web component that is almost ubiquitous among user interfaces today, the Option List. The Option List can take any one of the following three forms. Multiple Selections: User can select any number of the options presented [...]
Posted in Interface Design | Tagged , |

Conservative Design: Hierarchical Select

This is a post in a series entitled Conservative Design Patterns for Form Elements. For now, I’ll start off with an easy web component that a lot of you have probably already had some experience with. But, strangely enough, it is not included in any of the JavaScript libraries that are out there, that I’ve [...]
Posted in Interface Design | Tagged , , |

Conservative Design Patterns for Form Elements

Have you ever been to a web site that looks as though it has been built exclusively using pre-made bulky widgets cookie cuttered right onto the page? Lovely grid components, sweet over-featured WYSIWYG editors, maybe a Google or Yahoo map thrown in on the page for good measure. Conformist web sites using the conditioning forced [...]
Posted in Interface Design | Tagged , |