QuickSearch es un plugin para jQuery, que pesa tan solo 4,6Kb en su versión comprimida, capaz de filtrar datos de tablas, listas y párrafos.

Para implementarlo en nuestro código, tan solo tendremos que añadir este código:

QuickSearch se encarga de añadir campo para introducir el campo de búsqueda, ejecutándola al vuelo en cuanto comenzamos a escribir. Es sorprendente su velocidad de filtrado de datos, la verdad.

Demo y documentación | http://rikrikrik.com/jquery/quicksearch/

Via | webappers.com

Pushup es un script creado en javascript que avisa a los usuarios de tu web de que existe una versión más reciente del navegador que está utilizando.

Actualmente, pushup soporta los siguientes navegadores:

• Internet Explorer 7+
• Firefox 3+
• Safari 3+
• Opera 9.5+

El funcionamiento es muy básico: al acceder un usuario a nuestra web con una versión desactualizada del navegador, aparecerá una alerta en la parte superior derecha de nuestra web avisando al usuario de que existe una nueva actualización.
Se ofrecen dos enlaces en esa alerta, uno para ir a la web desde donde descargaremos la actualización, y otro para posponer el mensaje un número determinado de horas que nosotros previamente habremos modificado.

La instalación es tan sencilla como añadir en nuestro código el enlace a la hoja de estilos CSS y a la librería javascript correspondientes. Nada más. Si deseamos modificar, por ejemplo, la ruta de las imágenes, deberemos cambiarlo directamente en el archivo javascript.

Actualmente, existen plugins para dos frameworks de javascript: jQuery y Dojo

Para descargar Pushup, consultar la documentación o incluso hacer alguna donación al autor, visitad su página web: www.pushuptheweb.com

Vía nettuts encuentro un excelente tutorial, acompañado por su correspondiente screencast para utilizar el plugin para jQuery jFlow.

jFlow, un plugin que tan solo pesa 4KB, y con el que se pueden crear efectos tan interesantes como el que se muestra en el tutorial.

Aquí os dejo los enlaces:

Tutorial
Demo

El mejor método para combatir el SPAM (una de las grandes lacras del correo electrónico), es tan sencilla como no publicar nuestra cuenta de email en páginas web, y asegurarnos de que no nos registramos en webs que pueden vender nuestros emails a terceros (en este caso, lo mejor es crearnos una cuenta solo para registros en webs “sospechosas”).

Si por alguna extraña razón (o porque eres un cazurro que no tienes ni idea de esto), es vital que tu cuenta de correo aparezca en tu web, al menos podemos ponerselo “dificil” a los spiders que recorren internet a la caza de emails.

Una buena solución es ofuscar nuestro email para que cuando sea acceda a la web sin javascript instalado (como suele pasar con los spiders), no se muestre la dirección de correo tal cual es, sino algo parecido a esto:

quierotenermiemailenlaweb ( at ) soyunpaleto.com

Uno de los mejores sistemas que he encontrado, es el plugin para jquery email defuscator.

Con email defuscator la ventaja es que el email será accesible tanto para los que tengan javascript activado como para los que no. Si está desactivado, la dirección de correo aparecerá como os hemos indicado arriba. Cuando javascript está activado, la cuenta de correo aparece normalmente.

La forma de utilizar este plugin para jQuery es muy sencilla:

Como podeis ver, es tan fácil como cargar los archivos jquery.js y jquery.defuscate.js y llamar a la función defuscate para aquellos elementos que lo necesiten. En nuestro caso, hemos creado un elemento p cuya clase “ofuscar” nos servirá para ocultar todos los mails que tengamos en la página.

Como veis, usando jQuery y su plugin Email Defuscator es muy sencillo poner una barrera más entre nuestro email y los spiders recoge-mails.

Como el autor comenta en su página, este script no es a prueba de balas… con lo que si quereis estar un poco más seguros… utilizad los formularios de contacto.

¿Conoceis alguna otra técnica para ocultar los emails con javascript? No te cortes y coméntanosla!!