jquery

Animate.css animaciones css para tus proyectos web

por

Animate.css es un interesante recopilatorio de animaciones css para incluir en vuestros proyectos web  que son compatibles con los diferentes navegadores disponibles. A través de la web del proyecto, se puede descargar todo lo necesario para añadir estas animaciones en nuestro proyecto aunque también podemos acceder a una opción para crear un archivo css con únicamente aquellas animaciones que queramos incluir.

Para utilizarlo, solo necesitaremos incluir el archivo css en la cabecera de nuestra página y añadir la clase animated a un elemento junto con el nombre de la animación. Como indican en la documentación, combinandolo con jQuery se pueden lograr estupendos resultados, añadiendo las animaciones de forma dinámica. El código necesario sería algo similar a esto: $(‘#yourElement’).addClass(‘animated bounceOutLeft’);

Liffect, añadir transiciones a una lista de imágenes con jQuery

por

Liffect es una interesante forma de añadir transiciones mediante jQuery a nuestra página web de una forma realmente sencilla. Simplemente tenemos que acceder a la web y tras seleccionar las correspondientes opciones (como son el tipo de efecto, la duración de este, el retraso y si queremos que se muestren las imágenes en orden aleatorio o no) solo tenemos que darle al botón para generar el código HTML necesario que luego procederemos a copiar y pegar en nuestro proyecto web.

Ocultar nuestro email de las arañas mediante jQuery

por

Incluir el correo web en una página, es igual a recibir cientos de correos electrónicos con SPAM, no obstante ¿como podemos ofrecer nuestro email de contacto sin vernos expuestos a este peligro? De un tiempo a esta parte se han diseñado múltiples formas de solucionar el problema, por ejemplo usando imágenes o JavaScript.

Pues bien, haciendo uso de la conocida librería jQuery, hemos encontrado  una interesante sugerencia para enmascarar esos correos electrónicos. Para ello, tenemos dos partes. Lo primero es la representación  de la dirección de email, que se haría de la siguiente forma

<span class='email'>info</span>
<span class='email'>admin</span>
 Y luego tendremos la función que mediante jQuery realizará el cambio para que el código que interprete el navegador sea el que deberíamos esperar en caso de no utilizar técnica alguna para enmascarar el correo:
$(function(){
    $(".email").each(function(index) {
        var addr = $(this).text().replace(/\n/g,"").replace(/ /g,"");
        $(this).html('<a href="mailto:'+addr+'@dominio.com" >'+ addr +'@dominio.com</a>');
    });
});
Al final tendríamos el siguiente resultado:
<a href="mailto:info@dominio.com">info@dominio.com</a>
<a href="mailto:admin@dominio.com">admin@dominio.com</a>

JQuery dejará de soportar Internet Explorer 8

por

El equipo de desarrollo del framework JavaScript, JQuery, ha publicado en su blog una nota en la cual indican cual será el camino para las próximas actualizaciones del Framework.  De esta forma jQuery 1.9  y posteriormente  jQuery 2.0 llegarían durante los primeros meses de 2013. Pero aparte de la temporización de las futuras actualizaciones del framework, lo más destacable sería que jQuery 2.0 dejaría de dar soporte a las versiones antiguas de Internet Explorer, esto es IE6, IE7 e IE8. Un movimiento que sorprende a muchos puesto que windows XP no soportaría versiones superiores a la 8 y podría dejar a muchos usuarios fuera. No obstante para minimizar el posible impacto el equipo de jQuery planea hacer que las versiones 1.9 y 2.0 tengan APIs intercambiables de forma que quienes necesiten soporte para dichas versiones antiguas utilicen la versión 1.9 del Framework.

jQueryMobile RC2

por

Hace poco os hablabamos de jQueryMobile, un framework que facilita el trabajo de creación de páginas web dinámicas empleando tecnologías javascript y ajax y que nos permite crear aplicaciones web con interesantes efectos para dispositivos móviles (veanse Tablets o SmartPhones). Pues bien, la semana pasada se anunció el lanzamiento de la segunda versión Release Candidate y que será además, la última antes de la versión definitiva del framework. Esta nueva versión soluciona varios bugs detectados además de incorporar algunas novedades como soporte ampliado para los controles HTML5 de fecha, hora y selección de color, mejoras en las barras de herramientas, posibilidad de establecer un ancho máximo para los diálogos, nueva clase de ayuda para ocultar de forma accesible elementos, y más…. si queréis más detalles no dejéis de leer las notas del lanzamiento de esta versión.