Desen Web

Para debugar javascript utilizo el ya conocido por todos firebug, pero existen otras herramientas que nos pueden dar un resultado mas cómodo. Una de ellas es blackbird, un script que nos permite debugar correctamente nuestro script. Se termino ir creando alerts?¿

Link: Blackbird

Interesante script gratuito que nos permite tener un chat estilo Facebook en nuestra web. Los usuarios pueden ejecutar sus propios mensajes instantáneos sin limitaciones ni costes de software.

Caracteristicas principales

• Basado en el protocolo XMPP estándar
• Tres modos: independiente, web chat en vivo y barra de apoyo
• Soporte de MSN, AIM, etc
• Tema editable
• En el navegador, sin pop-up
• Soporte MUC
• Más características…

Web del proyecto iJab

Nuevo pluguin jquery para hacer precarga de paginas. Substituye el típico gif “Cargando…” por el efecto que produce este pluguin. Realiza un sencillo efecto de precarga que nos puede ser muy útil para evitar una carga lenta o descuadrada de nuestra web.

Caracteristicas

• Precarga de una página web entera.
• Precarga de una parte de la página
• Obtiene todas las imágenes y bacgrounds de tu css
• Fácil de implementar
• Barra de carga ajustable
• Compatible con los últimos navegadores (incluso IE7 y IE6)

Pluguin completo y código fuente en Gaya blog

Demostración

Siguiendo con los pluguins para jQuery. Hace poco salio una nueva version de este pluguin que utilizo a menudo. Se trata de Simpletip, una herramiente util para crear tooltips con facilidad. Te permite crear los tooltip aprovechando todas las qualidades de jQuery. Los tooltips pueden ser estáticos, dinámicos, o incluso cargado a través de AJAX con una gran variedad de efectos visuales.

qTip / Demo

Las validaciones en javascript se utilizan en muchas ocasiones, pero a veces no recordamos los filtros mas comunes a utilizar a la hora de validar correos, teléfonos, contraseñas… Un buen manual de expresiones regulares lo encontramos en desarrolloweb. Los ejemplos mas utilizados para el filtro son:

Para realizar nuestra función (ej: validacion correo):
function valida_correu(element)
{
var s = element.value;
//aqui el filtro que ira variando
var filter=/^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/;
if (s.length == 0 ) return true;
if (filter.test(s)){
//modificamos la clase a correcta
element.className=’boto’;
return true;
}else{
//modificamos a una clase error (fondo rojo, borde rojo…)
element.className=’error1′;
element.focus();
return false;
}
}