jquery

Miércoles, 09 d junio d 2010.

8 Plugins Jquery para Imágenes

Bueno, la verdad es que la parte de desarrollo web de este blog cada vez la tengo más abandonada. Para compensar, os muestro una selección de los plugins de Jquery para imágenes que actualmente más me gustan y que recomiendo. Espero que a alguien le sirvan para su próximo proyecto...

[...]

¿Te interesa? Sigue leyendo...

4 Comentarios, leelos

Temas Relacionados: jquery

Autor:

Martes, 19 d enero d 2010.

jquery 1.4, una nueva versión que merece la pena

Después de tiempo y más tiempo viendo versiones Alpha y Release Candidates la versión 1.4 de jquery es publica para todo el mundo y puede descargarse en la web oficial de jquery (jquery.com) desde hace aproximadamente una semana. Las mejoras son, en esta ocasión, muchas y esto hace que merezca realmente la pena volver a repasar la documentación y empezar a usar la nueva versión en nuestros desarrollos.

¿Donde hay mejora? Principalmente en 2 ámbitos: mejor rendimiento y nuevas y útiles funciones (o añadidos sobre las que ya había).

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: jquery

Autor:

Jueves, 17 d diciembre d 2009.

Simplifica el código de Google Analytics Asíncrono con Jquery

Hace no demasiado google Analytics se actualizaba y lanzaba su versión asíncrona. Para enseñárnoslo nos mostraban un fragmento de código de ejemplo que como todo código javascript, al principio no te quedaba muy claro como usar.

He estado dándole un par de vueltas este código asíncrono de google analytics y resulta que es bastante sencillo y útil en realidad.

Veamos el código y que es lo que hace en realidad:

[...]

¿Te interesa? Sigue leyendo...

3 Comentarios, leelos

Temas Relacionados: analitica web jquery

Autor:

Sábado, 28 d noviembre d 2009.

Insertar twitter en tu web con jquery

Poco a poco, ya que el tiempo no me da para más, estoy haciendo un nuevo diseño para este blog. Una de las cosas que quiero añadir es mi hilo de twitter pero haciéndolo a mi manera...

Por suerte Twitter en su API te da la posibilidad de cargar sus contenidos con jsonp, un formato que nos permite cargar las cosas con ajax cross-domain. Las ventajas de cargar así tus tweets son claras:

[...]

¿Te interesa? Sigue leyendo...

16 Comentarios, leelos

Temas Relacionados: jquery programacion tutoriales

Autor:

Martes, 15 d septiembre d 2009.

ordenar alfabeticamente elementos del html con jquery

Este es un problema que me encontré este fin de semana. Selects enormes de los que no se puede tocar la fuente y que hay que ordenar por temas de usabilidad alfabéticamente. Nada más sencillo que recurrir a javascript y usar el metodo nativo "sort" de los arrays.

Un ejemplo ayudándonos, como nó, de jquery. Imáginemos que el select en cuestión tiene el id "selectAlfabetico". Con un código tan sencillo como el que sigue dejaríamos las opciones ordenadas alfabéticamnete.

ops = $("select#selectAlfabetico option");
// esta funcion compara todos los elementos del array
// si devolvemos true "a" irá antes, 
// si devolvemos false "b" irá antes.
ops.sort(function (a,b) {
  return ( $(a).html().toUpperCase() < $(b).html().toUpperCase() ) ? -1 : ( $(a).html().toUpperCase() > $(b).html().toUpperCase() ) ? 1 : 0;
});
html="";
for(i=0;i<op.length;i++)
{
  html += "<option value='" + $(op[i]).val() + "'>" + $(op[i]).html() + "</option>";	
}
$("select#selectAlfabetico").html(html);

Sencillo verdad? Pues este método podríamos aplicarlo fácilmente a cualquier serie de elementos html: listados, divs, párrafos... Sólo habría que cambiar la función short y el loop para generar el html.

Términé, hoy he sido corto y discreto.

[...]

¿Te interesa? Sigue leyendo...

6 Comentarios, leelos

Temas Relacionados: jquery

Autor:

Jueves, 27 d agosto d 2009.

Plugin para crear un Slider con Jquery Easy Slider

Un slider es un efecto javascript que nos permite ver en un mismo marco o bloque de una página una sucesión de contenidos que van desplazándose uno a uno dándonos el tiempo necesario para poder verlos. El efecto es parecido al comportamiento de los paneles de publicidad rotativos que vemos a veces en aeropuertos y centros comerciales.

Como desarrolladores, su uso nos va a permitir mostrar gran cantidad de información ocupando solo bloque de nuestra página web. Es un elemento muy usado actualmente en portadas de los sites para mostrar productos destacados o ventajas de los servicios que se ofrecen.

Si vas a incluir un Slider en tu página te recomiendo Jquery Easy Slider. Tiene opciones que tal vez nunca uses pero es muy cómodo de usar, limpio y nunca falla. CssGlobe ha hecho un gran trabajo y lo pone a disposición de todo el mundo gratuitamente. Visita su página y ¡apúntala en tus marcadores!

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor:

Sábado, 25 d julio d 2009.

facebook connect jquery plugin

Nota
La Api de Facebook antigua, en la que está basada la mayor parte de este post, está siendo reemplazada poco a poco por una nueva api de facebook. Es necesario que sepas que Facebook cada día da menos soporte a su antigua api y a Facebook Connect.

Si estás buscando información general sobre este tema te recomiendo que leas los artículos más actuales en la categoría Facebook Graph Api de este mismo blog.

Más concretamente, y en relación a este artículo, puedes leer:

Después de hacer algunas pruebas con la api javacript de facebook connect el resultado es que hay ciertas cosas incómodas que siempre se hacen igual. Por ese motivo, y para no perder el tiempo en futuros desarrollos he dejado listo un script que se encarga de realizar estas funciones y hace que la integración de la api sea mucho mas sencilla. El script hace uso de alguna función de jquery con lo que es necesario cargalor después de invocar la galería aunque no es propiamente un plugin de jquery.

[...]

¿Te interesa? Sigue leyendo...

1 Comentario, leeló

Temas Relacionados: jquery programacion

Autor:

Miércoles, 01 d julio d 2009.

Efectos sobre Google Static Maps en el mouseover con un plugin de jquery

Estoy haciendo algunas pruebas para un proyecto personal y como resultado de estas he creado este sencillo plugin de jquery destinado a hacer un pequeño efecto en los mapas estáticos de Google Maps cuando pasamos el ratón por encima.

Lo que hacemos es definir dos tipos de mapa entre los 5 que nos da Google Maps. Uno será el tipo de mapa que se vea por defecto al cargar la página, el otro sólo será visible cuando el usuario pase el ratón por encima del mapa. El mismo proceso se sigue con el zoom, pudiendo especificar 2 zooms distintos uno para el estado en reposo, y otro para la cuando pasemos el ratón por encima.

Podéis ver un ejemplo del resultado al pasar el ratón por el siguiente mapa:

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: jquery

Autor:

Miércoles, 24 d junio d 2009.

Plugin Jquery para medir en tiempo de escritura de formularios en Google Analytics

El siguiente plugin esta destinado a ser usado en cualquier formulario. Necesita hacer uso de la librería jQuery y de la librería javascript de Google Analytics. Su función es empezar a capturar el tiempo cuando un usuario empieza a rellenar un formulario concreto de nuestra página y lanzar un evento de la Google Analytics Tracking Api con el tiempo total que se ha tardado en completarlo cuando el formulario se envía.

[...]

¿Te interesa? Sigue leyendo...

3 Comentarios, leelos

Temas Relacionados: analitica web jquery

Autor:

Martes, 23 d junio d 2009.

Jquery y Google Analytics tracking Api: Eventos por todas partes

Llevo unos días hablando y hablando de la Api para Tracking de Google Analitics, una api javascript que nos permite mejorar en gran medida todos los datos que tomamos de nuestras webs hacia Google Analytics. De esta Api merece una mención especial el tema de los eventos puesto que pueden ser lanzados desde cualquier script javascript de tu página. ¿Cualquier Script? ¿Quiere eso decir que puedo usar jQuery para ayudarme con mis eventos de la Google Analytics Tracking Api? ¡Claro que si!

[...]

¿Te interesa? Sigue leyendo...

1 Comentario, leeló

Temas Relacionados: analitica web jquery

Autor:

Esto son experimentos, no preguntes ;) prueba metadescription Prueba title