tstephens + ui   30

Redesigning the Country Selector
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 
november 2011 by tstephens
Little Big Details
Good Collection of UI subtleties.
design  inspiration  ui  ux 
december 2010 by tstephens
YUI 3
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
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
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
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
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
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
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
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
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
Nice JS effect for popup images without the popups.
javascript  coding  reference  UI  webdesign  photos  how-to 
december 2005 by tstephens

Copy this bookmark:



description:


tags: