Chroma Hash: Visualización de tu password

Chroma-Hash es un interesante y pequeño plugin jQuery que muestra dinamicamente la seguridad del valor de un campo de contraseña usando una serie de barras de colores. Es una idea interesante más que practica.

Chroma Hash password bars colors

Fragmento de su implementación:

$(this).css({position:   'absolute',
left: position.left + width - 2,
top: position.top,
height: height + "px",
width: 8 + "px",
margin: 5 + "px",
marginLeft: -8 * (i + 1) + "px"
}
);
});

var id = $(this).attr('id');
var md5 = hex_md5($(this).val());
var colors = md5.match(/([\dABCDEF]{6})/ig);

$(".chroma-hash").stop();

chromaHashesForElement(this).each(function(i) {
$(this).animate({backgroundColor:"#" + colors[i]});
});

Visto en Ajaxian

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.