Comments on: Tutorial: Create a Beautiful Password Strength Meter

By: Al

Al — Tue, 25 Dec 2012 16:04:32 +0000

Really great tutorial. Can't seem to locate the PSD. Thanks!!!

By: ducsu

ducsu — Mon, 29 Oct 2012 02:34:14 +0000

I managed to get it working on my site. I noticed when loading on a smartphone(iphone), the arrow & button is not in the center of the meter, It views fine on a pc. Anyone knows how I can fix this?

By: ducsu

ducsu — Tue, 23 Oct 2012 13:49:54 +0000

I am trying to incorporate this sign up form into a password script. However, instead of using an email address, I am using all letters only, excluding special characters. Thus, I need to change the email validation to check for any special characters. Can someone show me how to write this up in the .js file?

By: gmornob

gmornob — Sun, 16 Sep 2012 17:31:35 +0000

oh that's great tutorial

By: Dan Palmer

Dan Palmer — Tue, 04 Sep 2012 13:41:59 +0000

Hi xTG,

Just thought I'd try and explain briefly:

Complexify works out the mathematical complexity of breaking the password. It actually does the real sums to work out how difficult that process would be based on the different range of characters you've used, and the length.

It turns out, when you work it out, that the length of the password contributes far more to making it secure than adding special characters. For example, if you use a 10 character password with lowercase letters and numbers, the complexity is (26+10)^10 which is 3.6*10^15. However, if you use just lower case letters but have 12 characters, the complexity is 9.5*10^16, which is an order of magnitude higher!

While it might seem a little counter-intuitive because of how people are educated about password security, I can assure you that it is mathematically sound.

By: sohaan

sohaan — Sun, 02 Sep 2012 08:17:12 +0000

Great job Martin i really love this plugin but 1 thing which i think would make this plugin really interesting would be to move the needle all the way to end when password field gets the focus like we see in cars & bikes when we key in the ignition the speedometer pointer goes all the way to end please tell me how can i get this effect
thanks.

By: Nick

Nick — Wed, 22 Aug 2012 09:00:39 +0000

Make sure you guys add the autocomplete="off" parameter to the form, or the yellow Chrome box will mess the style up!

By: Andreas

Andreas — Wed, 25 Jul 2012 15:29:03 +0000

Very nice, thank you!

By: Sitebee

Sitebee — Sat, 21 Jul 2012 20:45:44 +0000

Oh wow, that`s beautiful. great work indeed.

By: dadada

dadada — Sat, 21 Jul 2012 13:55:12 +0000

Cool ,very nice design....