tag:blogger.com,1999:blog-81301548665180691352012-02-17T02:46:48.781+01:00TODOS los Scripts de JQuery.Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comBlogger431100tag:blogger.com,1999:blog-8130154866518069135.post-77733444671732535402009-11-25T10:56:00.005+01:002009-11-25T11:05:25.974+01:00

Un plugin que nos permite mostrar en nuestras entradas todos los backlinks o trackbaks que se producen sobre ellas en Twitter. Altamente configurable desde el CSS, con los enlaces como en Twitter, posibilidad de Rt, enviar replies...Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-7774691352671723002009-11-10T05:06:00.001+01:002009-11-10T05:09:07.147+01:00

Cuando creamos una página web tenemos diferentes tipos de enlaces: sobre la misma página, sobre páginas externas, que se abran en el mismo marco, en un marco nuevo,...En este tutorial verás cómo implementar la ayuda visual adjuntando una imagen que indique que el enlace es externo o que se abre en una nueva ventana.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-84575695474695476652009-11-10T04:47:00.004+01:002009-11-10T05:09:22.419+01:00

Carga tu sitio con estilo. Una interesante propuesta que hacen las personas de Gaya Design y que vemos en español en infectedfx.net simulando de una manera minimalista y agradable un preloader como si fuera flash y terminando en una apertura en fade de todo el sitio.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-21728375582064191882009-11-09T03:35:00.000+01:002009-11-09T03:39:39.349+01:00

Un vistoso menú estilo acordeón, perfectamente configurable mediante el CSS para colocar en tu sidebar. Imita el aspecto del menú vertical se encuentra en determinadas zonas de Apple.com.Configurado para desplegar cada etiqueta "onmouseover", resultará vistoso y muy rápido para tus visitas.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-62228161819669463732009-11-09T03:21:00.000+01:002009-11-09T03:26:09.475+01:00

Un plugin para jQuery con el que podemos crear un Slideshow muy atractivo para mostrar nuestras imágenes y además, adjuntar cualquier información que se mostrará en un panel semitransparente.Visita el tutorial y aprende cómo utilizarlo e implementarlo de manera sencilla en tu site o en tu blog.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-85436064153109581662009-11-09T03:11:00.000+01:002009-11-09T03:16:12.636+01:00

El Dock es un conjunto de imágenes icónicas que se expanden cuando se superpone el cursor y, generalmente, realizan alguna acción cuando se hace clic. Este plugin simula el comportamiento del menú con un conjunto continuo de imágenes que se expanden, vertical u horizontalmente, con o sin etiquetas.También puedes eliminar los enlaces y utilizarlo para mostrar una original galería de imágenes.Ver

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-57828450816002177282009-11-09T03:04:00.000+01:002009-11-09T03:07:31.570+01:00

Un script para realizar paginaciones con jQuery.Sencillo y fácil de implementar, tan sólo hay que suministrarle el número de páginas totales y devolverá la página actual.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-51017472206910922482009-11-09T02:56:00.000+01:002009-11-09T03:00:22.371+01:00

Uno de los grandes retos para los diseñadores web es encontrar maneras de poner una gran cantidad de información en una página sin perder la usabilidad. El contenido en pestañas es una gran manera de manejar esta cuestión y ha sido ampliamente utilizado en los blogs durante los últimos tiempos.Aprende con este tutorial a construir una simple cajita con fichas de información en HTML y a

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-84343851184876477072009-11-09T02:33:00.000+01:002009-11-09T02:36:11.906+01:00

Una combinación de scripts en jQuery para mostrar no sólo tus tweets, sino los de todos aquellos usuarios que elijasAunque a simple vista parece uno de tantos widgets para mostrar tweets, tiene la particularidad de que puedes mostrar los tweest de varios usuarios... independientemente de que estén o no incluidos en una lista.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-71760117617598010842009-11-09T02:24:00.000+01:002009-11-09T02:32:07.871+01:00

Es un plugin muy ligero en jQuery para mostrar imágenes como pases de diapositivas.Soporta "pausa-on-hover", "auto-stop", "auto-ajuste", y numerosos efectos de transición.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-56475865863067153992009-11-09T02:15:00.000+01:002009-11-09T02:19:30.342+01:00

Script sencillo y muy pequeño para conseguir el efecto de rotar las imágenes directamente desde el lado del cliente.Utilízalo para sorprender a tus visitas y ofrecer una visión de tus imágenes que jamás se esperarían.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-53941884435031965392009-11-09T02:07:00.000+01:002009-11-09T02:11:25.278+01:00

Un sencillo y agradable menú con jQuery y CSS, con efectos de iluminación y degradado.Personalizable y sencillo de instalar en tu sitio web o blog.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-46730493198119096552009-11-03T14:42:00.000+01:002009-11-03T14:53:00.273+01:00

Con este script veremos cómo mostrar ejemplos o demos en nuestro blog con un inFrame tan sólo con añadir una clase al enlace de la página con el ejemplo. Puedes crear un botón que "desplegará" el inFrame para mostrar la demo.En cuanto a la manera en afecta a la indexeación del sitio web, no son malos en este caso porque los vínculos están allí, siendo accesibles tanto por los usuarios como por

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-75360244882174085992009-10-31T03:30:00.000+01:002009-10-31T03:35:52.009+01:00

FancyBox es una herramienta para mostrar imágenes, contenido HTML y multi-medios al estilo "ventana modal" que flota sobre la página web.Agrega una sombra agradable al fondo de la ventana modal,crea grupos o galerías de artículos relacionados y añade navegación (preload imágenes). Puedes mostrar imágenes en línea, AJAX e iframes. Personalizable a través de la configuración y CSS básico. Ver en

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-51221634993981983832009-10-31T03:12:00.000+01:002009-10-31T03:15:37.020+01:00

Pequeñas técnicas que te ayudarán a mejorar la experiencia del usuario al usar tus cajas de búsqueda. Concretamente se tratan los efectos de "Auto-foco" al cargar la página, "Resaltado" de la caja cuando recibe el foco y "Mostrado/ocultado" del texto por defecto.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-81710847145072923652009-10-31T02:55:00.000+01:002009-10-31T02:59:54.866+01:00

Aprende a validar formularios usando PHP y jQuery en ambos lados: la parte del cliente (usando javascript con jQuery) y la parte del servidor (usando PHP).ES realmente interesante ver cómo en PHP apenas necesitamos ya las expresiones regulares para validar por ejemplo un e-mail y otros tipos de campos y conocer los motivos por los que se debe hacer una doble validación.Ver en Pantalla/Ventana

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-33890031919792503092009-10-31T02:48:00.000+01:002009-10-31T02:52:52.282+01:00

Aprende en este tutorial a crear paso a paso y desde cero el famoso menú contextual de los distintos sistemas operativos, el cual se activa cuando el usuario hace click con el botón secundario de su ratón.Soporta elementos de tipo enlace, elementos que desencadenan acciones, elementos desactivados (aparecen, pero no se podrán seleccionar)...Aparecerá cuando el usuario pinche el botón secundario

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-10310838620614978572009-10-31T02:41:00.000+01:002009-10-31T02:44:18.243+01:00

jCarousel es un plugin de jQuery para el control de una lista de elementos en orden vertical u horizontal. Los artículos, que pueden ser de contenido estático HTML o AJAX, pueden desplazarse hacia atrás y hacia adelante (con o sin animación).Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-87745611913193671282009-10-31T02:26:00.000+01:002009-10-31T02:30:17.238+01:00

Una galería de imágenes extremadamente sencilla y fácil de implementar en tu sitio web.Consigue una completa presentación de diapositivas en tan sólo unas pocas líneas de código.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-56822369773922260142009-10-31T02:17:00.000+01:002009-10-31T02:21:52.675+01:00

Estupendo script para animar una imagen "onmousehover" y añadir además cualquier tipo de información a la misma.Incluso puedes utilizar el script como menú, ya que las imágenes pueden estar enlazadas.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-34016849846489291722009-10-31T01:59:00.000+01:002009-10-31T02:03:10.785+01:00

Este efecto de acordeón puede ser utilizado no sólo para los menús, sino también para otros fines.Este tipo de efecto es muy sencillo de lograr usando jQuery, proporcionando una amplia variedad de posibilidades para un mismo script.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-52483300263866820642009-10-28T13:30:00.000+01:002009-10-28T13:34:28.893+01:00

Con Juitter podrás mostrar los tweets que desees en tu sitio web acompañados de los avatares de los usuarios.Puedes configurarlo muy fácilmente con CSS y es perfectamente adaptable.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-56606557120172357722009-10-28T12:57:00.000+01:002009-10-28T13:14:38.903+01:00

Los usuarios de Internet hoy en día esperan que las páginas web sean cada vez más interactivas. Con este fin, la capacidad de cambiar los diseños de página ofrece a sus usuarios una experiencia más completa y les permite acceder más fácilmente a la información, ya sea con una visión rápida de la galería, o una vista de resumen detallado en el el que podrás elegir cualquier información que desees

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-90355987587460615612009-10-28T03:09:00.000+01:002009-10-28T03:13:29.006+01:00

Cómo instalar el widget de Monitter para mostrar cualquier Tweet en tu web o blog.Puedes colocarlo como un elemento HTML/javascript en tu sidebar, en tu footer.... tan sólo debes controlar la altura en la clase .monitter para seleccionar cuántos Tweets mostrar.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-43740449198517462932009-10-28T03:04:00.000+01:002009-10-28T03:07:26.023+01:00

Con jQuery Blox puedes desplegar información de una manera diferente, y con una fácil y rápida configuración. Basta con que armes tu HTML siguiendo un simple patrón de bloques, y definirle al plugin los nombres de los elementos que estás construyendo (o mantener los pre-configurados); Blox se encarga de crear una mayor interacción de tu información hacia el usuario.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-81874704412115488592009-10-28T02:54:00.000+01:002009-10-28T02:57:54.917+01:00

Un script que te permitirá imitar el conocido efecto deslizante en las listas y prácticamente en cualquier elemento que contenga un enlace en tu web o blog.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-43800644869094334382009-10-28T02:46:00.000+01:002009-10-28T02:51:09.529+01:00

Los primeros 20 segundos de la interacción de un visitante nuevo con un sitio web determinan si van a quedarse o irse. Esto significa que tienes que seguir las prácticas de diseño común y poner todo tu empeño en que el usuario pueda navegar libremente. Una parte crucial de este proceso se resuelve desarrollando un fácil y sencillo de utilizar menú de navegación.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-68455819451982321752009-10-28T02:34:00.000+01:002009-10-28T02:51:09.529+01:00

Una sencilla galería de imágenes en jQuery con una gran variedad de funciones muy fáciles de configurar;Elegir el efecto para mostrar la diapositiva, puedes utilizar las flechas del teclado para avanzar y retroceder, descripciones de la imagen, las imágenes que son más grandes que el contenedor se reducen para encajar dentro del contenedor...Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-54678050201523566472009-10-26T03:47:00.000+01:002009-10-27T04:33:38.521+01:00

El plugin imgPreview permite a los usuarios previsualizar una imagen antes de hacer clic en ella y, por necesidad, se precarga de la imagen de modo que cuando un usuario hace clic no hay tiempo de espera.La previsualización de la imagen aparece como un texto de ayuda,similar al Tooltip que aparece junto al cursor del usuario cuando se sitúa sobre un enlace.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-735537966141945352009-10-26T03:33:00.000+01:002009-10-26T03:39:47.881+01:00

Un efecto de animación usando jQuery para simular los reflejos y sombras en los botones. La estructura del código es muy similar a otros menús y la navegación puede ser fácilmente adaptable.El código HTML y CSS son sencillos y tienen una estructura y un estilo común a la navegación web y a muchos menús.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-5468062178200425012009-10-26T03:22:00.000+01:002009-10-26T03:29:42.096+01:00

Para mostrar el estado de Twitter en su sitio web. La aplicación en jQuery es muy sencilla de utilizar y puede ser personalizada con CSS.El código de integración para mostrar los tweets se puede colocar en cualquier lugar del sitio web o blog.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-81387364503893854992009-10-26T02:52:00.000+01:002009-10-26T03:05:09.314+01:00

Con este script te será muy fácil redondear cualquier etiqueta de tu web o blog utilizando tan sólo unas cuantas líneas de código.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-9930552439096040102009-10-26T02:49:00.000+01:002009-10-26T02:51:23.185+01:00

Kwicks es un atractivo script que imita el famoso efecto utilizado por Mootools. De hecho, incluso mejora el original convirtiéndose en un artilugio altamente personalizable y versátil.(Tutorial en ESPAÑOL)Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-6311925649756902022009-10-26T02:41:00.000+01:002009-10-26T02:45:44.837+01:00

JQZoom es un amplificador de imágenes, una "lupa" que mostrará en una pequeña ventana modal la sección de la imagen sobre la que situemos el cursor.La calidad de la imagen es considerable y el script bastante configurable.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-37536779894921695652009-10-26T02:24:00.000+01:002009-10-26T02:33:35.300+01:00

Un menú con imágenes y efectos tipo Mac donde los iconos se expanden y contraen con un bonito efecto tipo "ojo de pez" al pasar el ratón sobre ellos.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-21842309056842563142009-10-26T02:04:00.000+01:002009-10-26T03:30:50.617+01:00

jTruncate permite de una manera simple y personalizable crear textos y contenidos ocultos. El botón de "mostrar y desplegar" muestra un mensaje distinto según el contenido esté desplegado o no.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-72804783742589934722009-10-26T01:53:00.000+01:002009-10-26T03:31:33.880+01:00

Kwicks es un atractivo script que imita el famoso efecto utilizado por Mootools. De hecho, incluso mejora el original convirtiéndose en un artilugio altamente personalizable y versátil.Compruébalo tú mismo navegando por los distintos ejemplos.(tutorial en INGLÉS)Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-16813492747130379582009-10-26T01:46:00.000+01:002009-10-26T03:31:33.881+01:00

Tabbed Interface es un script para configurar un panel de pestañas de contenido variable.Este tutorial te mostrará cómo crear tu propia interfaz con pestañas usando jQuery con slideDown y efecto slideUp.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-28245093916354636802009-10-26T01:03:00.000+01:002009-10-26T03:31:33.881+01:00

Con este sencillo script para la librería jQuery podrás crear imágenes redimensionables que cambiarán modificando la posición de una barra deslizadora.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-61340388990336529752009-10-24T19:52:00.000+02:002009-10-26T00:45:09.995+01:00

FontEffect es un plugin para la librería jQuery que añade efectos a textos sin utilizar imágenes ni CSS. La versión 1.0 (que pesa sólo 7kb) permite añadir 4 efectos distintos: borde (outline), sombra, gradiente y reflejo (mirror).Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-84928985860190344192009-10-24T17:46:00.000+02:002009-10-26T00:45:32.974+01:00

Un sencillo script para permitir que cualquier elemento pueda desvanecerse dentro de un contenedor fijo. Perfecto para crear rotaciones de imágenes, de anuncios, de enlaces...Aprende con este tutorial cómo construir un slide de banners o imágenes con enlaces o sin ellos.Ver en Pantalla/Ventana Externa

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-57896761153917326202009-10-22T05:07:00.000+02:002009-10-26T05:17:00.638+01:00

Deja aquí cualquier opinión o cualquier comentario que desees hacernos. O simplemente utilízalo para dejar constancia de tu paso por aquí.Recuerda que además tienes a tu disposición este formulario de contacto para hacernos llegar tus tutoriales jQuery.

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.comtag:blogger.com,1999:blog-8130154866518069135.post-68454296047022576772009-10-19T19:31:00.000+02:002009-10-22T04:47:36.392+02:00

En JQuery Gallery encontrarás un completo listado/directorio de scripts para la librería jQuery con enlaces a sus correspondientes demostraciones y ejemplos así como a las descargas de cada script. Si has creado un script para la librería jQuery y deseas compartirlo, ganando enlaces a tu sitio web, rellena este formulario y contribuiremos a difundir tu proyecto. También puedes contactar con

Iván_RGhttp://www.blogger.com/profile/01663396271959555809noreply@blogger.com