Unwrongest

Hello, my name is Jan Jarfalk and I'm an interaction designer and interface developer. This, my lab, is where I learn and evolve.

Show Password

‘Show password’ is a small and simple Jquery plugin that let your users decide whether they want their password fields masked or not.

“Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn’t even increase security, but it does cost you business due to login failures.” – Jacob Nielsen, Stop password masking.

This Jquery plugin, ‘Show password’, let the user decide whether they want their passwords masked or not. Just take a look at the demo beneath and you’ll see what I mean.

How to implement

Very simple! First you download, then you do like this:

  1. <input id="text" type="password" data-typetoggle='#checkbox' />
  2. <input id="checkbox" type="checkbox" /><label>Show password</label>

Two html elements are needed; a password field and a checkbox. The input field needs an extra data variable, data-typetoggle, to link the checkbox to the field. Then you just execute the javascript line below.

  1. $('#text').showPassword();
Change log
VersionChanges
1.3New syntax using HTML5 data variables.

3 days ago

Twitter Bootstrap 2.0 is here. By nerds, for nerds. Cross everything. http://t.co/J4cFxGlb A neat looking front-end toolkit.

9 days ago

Looking for a solid way to do application versioning? Look no further. http://t.co/OMYJ2xzF Semantic Versioning guidelines are nifty!

15 days ago

On Amazon: Bad reviews are better for product sales than no reviews. (via @ronnestam )

15 days ago

There are only 180k Twitter users in Sweden, but ~75% of Sweden’s journalists use Twitter. (via @ronnestam )