User Iterface Design

User Interface design takes a special set of skills. Explore the interesting ways you can engage your web site visitors and give them a pleasant experience.

HTML5: How to Make a datalist for a Form Field Input Element

Isn’t it nice when web developers make it easy for end users to fill out a form? One way to make for a pleasant user experience is to offer suggestions on a form’s input field. HTML5 now has a cool feature that makes this easier for the developers too! The HTML5 datalist element provides an… Read more HTML5: How to Make a datalist for a Form Field Input Element

Where’s the ^%@$*$ ‘end of line’ Shortcut Key in BBEdit on Mac OS ?

The HOME and END keys move to the top and bottom of the document instead of start or end of the current line as expected. The HOME and END keys lay dormant on the keyboard, because the need to move to the top or bottom of a document is, like -ALMOST NEVER !!! Now, the… Read more Where’s the ^%@$*$ ‘end of line’ Shortcut Key in BBEdit on Mac OS ?

Form Input Not Working; A Misplaced “float” Declaration in CSS Can Be to Blame for Broken Form Input

Just a note in case your pulling your hair out. If you have a form that for all intents and purposes SHOULD be working but does not allow user input in a text field then perhaps this cold be your problem. Try taking a look at the CSS on the element following the form. In… Read more Form Input Not Working; A Misplaced “float” Declaration in CSS Can Be to Blame for Broken Form Input

Dynamically Change the onClick, onChange (or other) Value of an Element

If you are implementing AJAX, you will likely run into the need to change the functionality of a button dynamically. There is not a whole lot out there on how to quickly accomplish this so here is a simple explanation. Typically, you have an element such as an “input”, “a” or “select (options)” that has… Read more Dynamically Change the onClick, onChange (or other) Value of an Element

Learn To Guide Web User’s with Precedence

In web design, it is important to guide the user’s eye. Without a sense of “flow” a feeling of frustration takes over creating a negative experience. The art of subtly, and sometimes not so subtly, guiding the viewer’s attention is referred to as Precedence. Since web pages are, for the most part, about the users… Read more Learn To Guide Web User’s with Precedence