Alertas personalizadas con jQuery

Las alertas son, probablemente, uno de los artilugios más utilizados históricamente en la web para interactuar con el usuario. Por suerte, con el paso de los años el diseño de las mismas se pudo modificar, para dejar el feo estilo que tienen las alertas por defecto, que dicho sea de paso, cambiaron poco y nada en tantos años.

Una forma de cambiar estas alertas es utilizando jQuery, existen varios plugins que nos facilitan la vida, pero me gustaría detenerme en uno que conocí hace muy poco tiempo y me encanto, el plugin en cuestión se llama Apprise.

Apprise tiene como mayor ventaja la de proveer un mecanismo de acceso rápido y sencillo de modificar el estilo de estas alertas, con tan solo unas lineas de código y un poco de CSS vamos a poder personalizar las alertas para que su diseño se acople perfectamente al de nuestro sitio o aplicación.

Ejemplo de uso:

<script>
$(document).ready(function(){
	apprise('Ready to begin?', {'verify':true}, function(r)
	{
		if(r){
			// user clicked 'Yes'
		}
		else
		{
			// user clicked 'No'
		}
	});
});
</script>

El ejemplo que coloque arriba muestra una alerta que requiere confirmación a un mensaje.

El plugin es muy liviano, y merece la pena probar, funciona perfectamente en los distintos navegadores, aunque viene optimizado para: Chrome 8.0+, Firefox 3.0+, Safari 4.0+ e incluso, Internet Explorer 9.0. El único detalle es que no funciona al 100% en IE7 e IE8, aunque solo falla un poco en cuestiones estéticas.

Web: Apprise