Tagged with ux

Too much text? Truncate it.

Too much text? Truncate it.
Again looking for something simple to fulfill a client request, and unable to find it, I wrote a little plugin to do the job. Truncate is a jQuery plugin for shortening text in one or more content elements. Invoking the method will limit elements’ number of initially visible words, and will add a link to show (or hide) the full text.

Better jQuery Tabs Plugin

Better jQuery Tabs Plugin

Delicious, light and sugar-free!

This is a tight little jQuery tabs plugin that will activate and prevent scroll on load when there’s a URL hash, or do nothing if the hash isn’t one the tabs. It’ll also check if there are links to other tabs in the content. It’s got object literal organization and a little fun progressive enhancement.

Once again, I found a standard-use script lacking magic, and this time it was my group’s go-to tabs plugin. It used a standard flavor of JS without leveraging any library, and it was bad. Switching between tabs took about a second, and even more was added to page load.

By using jQuery, we can cut that to a tiny fraction, while still keeping all the same functionality. Read More »

Add Labels for Easier Clicking

Add Labels for Easier Clicking
Do you hate when form inputs don't have a <label> tag around the descriptive text? It's POOR FORM to only give users a ten-pixel interaction area, especially considering touch devices and high-resolution screens. Here's an explanation of why labels are better for UX, and a quick jQuery solution that will help speed up your workflow.