Redesigning the Country Selector
november 2011 by tstephens
From the Baymard Institute: "During our recent checkout study we found several usability issues when using a drop-down for your country selector: a lack of overview, unclear sorting, scrolling issues, inconsistent UIs, a lack of context on mobile devices, and finally, they break the user's tab-flow.
So we took it upon ourselves to redesign the country selector."
forms
javascript
jquery
ui
So we took it upon ourselves to redesign the country selector."
november 2011 by tstephens
Little Big Details
december 2010 by tstephens
Good Collection of UI subtleties.
design
inspiration
ui
ux
december 2010 by tstephens
YUI 3
june 2009 by tstephens
The YUI JavaScript Library is going to version 3 (beta) hopefully this week. In an effort to make the library as flexible as possible, YUI 3 introduces an all new plugin architecture that allows you to add your own functionality to nodes and widgets.
javascript
webdesign
framework
ui
programming
yui
june 2009 by tstephens
Facebox 1.2
january 2009 by tstephens
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It's simple to use and easy on the eyes. You'll need a loading image, close label, four corners, and solid border images in addition to the javascript and css files
jquery
css
javascript
plugin
lightbox
ui
january 2009 by tstephens
Image Resizing
november 2008 by tstephens
Interestingly (and not surprisingly), browsers differ in rendering images at non-native sizes, with some providing noticeably better results than others. Internet Explorer 6 in particular looked to be the least smooth when scaling images down, but some interesting workarounds are available.
UI
CSS
coding
november 2008 by tstephens
50+ Gorgeous Navigation Menus
november 2008 by tstephens
Vandelay Website Design has a good collection of inspirational menu ideas. A pretty standard list as far as these lists go, but still worthwhile to have for possible inspiration.
lists
inspiration
webdesign
design
UI
nav
november 2008 by tstephens
18 Rules the Best Web Developers Follow
november 2008 by tstephens
A nice collection of base rules Web Developers follow, or at least should follow. The only one I might disagree with is the one about IE 6. Determine your own baseline from your logs, you can see what the overwhelming browser is. Sometimes it might be IE6, other times not.
design
lists
webdesign
UI
rules
november 2008 by tstephens
CSS simple fluid drop shadows
october 2008 by tstephens
Stu Nichols provides an easy CSS example of creating fluid solid drop-shadows.
css
coding
how-to
reference
UI
effects
webdesign
october 2008 by tstephens
j.Parallax
september 2008 by tstephens
Parallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.
j
javascript
design
webdesign
inspiration
UI
jquery
animation
awesome
HowTo
plugin
plugins
js
september 2008 by tstephens
Label Placement on Forms - CSS-Tricks
august 2008 by tstephens
When creating a web form, one of the many choices you must make is how you are going to align your labels with your inputs. This is not a trivial decision, as this placement affects the readability/usability of your form, completion rates, speed of completion, and ultimately the satisfaction level of the users trying to get through your form.
css
ui
form
labels
code
webdesign
forms
html
reference
august 2008 by tstephens
The Dashboard Spy
december 2007 by tstephens
A site that seems dedicated to showing various dashboards and dashboard related widgets and layouts. Useful in terms of finding examples for comps or wireframes.
wireframes
dashboards
example
ui
december 2007 by tstephens
Lightbox JS: Fullsize Image Overlays
december 2005 by tstephens
Nice JS effect for popup images without the popups.
javascript
coding
reference
UI
webdesign
photos
how-to
december 2005 by tstephens
Shneiderman's "Eight Golden Rules of Interface Design"
january 2005 by tstephens
Designing the User Interface by Ben Shneiderman
userExperience
reference
UI
design
january 2005 by tstephens
related tags
animation ⊕ awesome ⊕ bootstrap ⊕ code ⊕ coding ⊕ css ⊕ dashboards ⊕ design ⊕ designpatterns ⊕ effects ⊕ example ⊕ form ⊕ forms ⊕ framework ⊕ gallery ⊕ google ⊕ how-to ⊕ HowTo ⊕ html ⊕ IA ⊕ inspiration ⊕ interface ⊕ j ⊕ javascript ⊕ jquery ⊕ jqueryui ⊕ js ⊕ labels ⊕ landing ⊕ landingpage ⊕ lightbox ⊕ lists ⊕ maps ⊕ nav ⊕ notification ⊕ photos ⊕ plugin ⊕ plugins ⊕ programming ⊕ readability ⊕ reference ⊕ rules ⊕ ui ⊖ usability ⊕ userExperience ⊕ ux ⊕ via:popular ⊕ web ⊕ webdesign ⊕ wireframes ⊕ yui ⊕Copy this bookmark: