Recursos y Descargas

Esto no es un blog. Es una sección que programé para ir publicando aquellas cositas que me parecen interesantes y, por cualquier motivo, quiero tener a mano. Copia lo que quieras, usa lo que quieras (pero respeta sus licencias).

jQuery Organisation Chart, crea organigramas en html con jQuery

Escrito el 02-02-2012 por: Martín y leído 218 veces

Este plugin lo encuentro muy interesante, se trata, básicamente de crear diagramas organizativos sin necesidad de utilizar imágenes... los organigramas de toda la vida, esos que utilizan todas (o casi todas) las empresas.

Básicamente consiste es una lista desordenada del tipo UL muy trabajada, con sublistas para las diferentes cabeceras y, a su vez, más sublistas para los cargos inferiores...

Categorías: Jquery • Organigrama • Plugin • Chart •

jQuery NiceScroll para un scroll mejorado en ordenadores y móviles

Escrito el 14-11-2011 por: Martín y leído 1998 veces

jQuery NiceScroll es un plugin, tal como indica su nombre, que mejora las barras de desplazamiento tanto en ordenadores de sobremesa, portátiles y también en dispositivos móviles. Resumiendo, y si miras la imagen más arriba, verás que es un scroll similar al de Facebook.

Realmente, por lo que vi en su web, es lo más fácil que existe para poner a funcionar... sólo basta con indicarle qué elemento (body, div, etc...) tendrá el scroll, configurar por css su aspecto y todo finalizado.

Categorías: Scroll • Desplazamiento • Jquery • Javascript •

Gallery Focus... desenfocando elementos por proximidad

Escrito el 11-10-2011 por: Martín y leído 887 veces

Gallery Focus es un plugin escrito en javascript y basado en la librería jQuery, que nos permite desenfocar (hacer fade) elementos según proximidad. Es decir, según donde ubiquemos el ratón, podemos desenfocar todos los elementos alrededor del puntero con opciones personalizables.

Su implementación es muy sencilla, se debe definir el tamaño del área a desenfocar, la opacidad del resto de elementos no afectados por el desenfoque y si persigue al ratón o no, y algunas opciones más... pero las importantes son éstas 3 que mencioné.

Categorías: Jquery • Blur • Desenfoque •

Ofuscar una dirección de email con javascript para evitar el spam

Escrito el 05-10-2011 por: Martín y leído 788 veces

Es bien conocido que poner una dirección de correo electrónico en la web es sinónimo de empezar a recibir correos no deseados de toda clase, por eso, a raíz de un proyecto que estoy maquetando, reescribí una función que encontré en Stack Overflow para adaptarla a mis necesidades.

La función es muy sencilla y se encargará de reescribir mediante javascript (jQuery en este caso) una dirección de correo mal escrita para dejarla totalmente funcional y, aquellos usuarios que no tengan javascript activado, verán la dirección de correo desactivada, pero lamentablemente, no podrán hacer click sobre ella (aunque yo creo que hoy día ya no quedan usuarios con javascript desactivado en sus navegadores).

Categorías: Spam • Jquery • Ofuscador •

Mouseover sobre botón con efecto fade y jQuery

Escrito el 26-08-2011 por: Martín y leído 4698 veces

Este tutorial me lo ha pedido Diana desde Facebook y básicamente se trata de animar un botón con efecto fade al pasar el ratón por encima utilizando, desde ya, jQuery para la animación.

Lo que necesitamos para empezar es una imagen tal como se ve en la foto aquí arriba, donde estarán todos los botones en fila con el estado normal y en la fila de abajo, todos los botones con el efecto final. El efecto a realizar será el que ves arriba de todo en mi web, en los iconos de las redes sociales.

Categorías: Fade • Jquery • Mouseover •

Columnizer jQuery Plugin

Escrito el 24-08-2011 por: Martín y leído 879 veces

Su título lo dice todo. Maqueta tu contenido en columnas con este más que interesante plugin para jQuery. Puedes indicar el ancho y cantidad de las columnas a mostrar y, lo mejor de todo, personalizarlas mediante css utilizando unos selectores personalizados para cada columna.

Creo que no hace falta decir nada más. Mírate la demo que publica su autor en su web, junto a muchos otros ejemplos...

Categorías: Columnas • Jquery • Plugin •

jQuery-Plugin: PageScroll (alternativa a ScrollTo)

Escrito el 23-08-2011 por: Martín y leído 1239 veces

Este plugin es una alternativa al ya conocido ScrollTo, que lo que hace es que al presionar sobre una de las opciones de un menú con enlaces internos, éste desplace la página (o haga scroll) hasta el div correspondiente con una animación.

Además, tiene como ventaja, un peso muy reducido y varias opciones personalizables. Aun no lo he probado, pero desde ya no me gusta que muestre un mensaje que pone "Scrolling" a la derecha de la pantalla, pero imagino que se podrá configurar.

Categorías: Scroll • Jquery • Plugin • ScrollTo •

jGetTwitter, agregar tu tweets en tu web con jQuery

Escrito el 22-08-2011 por: Martín y leído 918 veces

jGetTwitter es un plugin para jQuery muy liviano que se encarga de traer tu timeline de twitter al div que le indiques de tu web con muy pocas líneas de código.

Entre las opciones que pueden personalizarse están:

Categorías: Twitter • Plugin • Jquery •

Calcular la distancia entre el puntero del ratón y un elemento con jQuery

Escrito el 12-07-2011 por: Martín y leído 801 veces

Este pequeño trozo de código en jQuery sirve para calcular la distancia entre el cursor del ratón y el centro de un elemento que debemos definir dentro de nuestro código.

Puede ser muy útil para activar cierta función cuando el ratón está en determinada posición o a cierta distancia de algún elemento de nuestra web.

Categorías: Jquery • Calcular Distancia • Javascript •

jQuery Expander plugin

Escrito el 11-07-2011 por: Martín y leído 1403 veces

Este plugin de jquery se encarga de cortar largas cadenas de texto para mostrar un ver más o ver menos al final del texto. Cortará el párrafo según la cantidad de palabras que especifiquemos y agregará automáticamente un botón para expandir el contenido. Una vez expandido, cambiará ese botón por otro para volver a contraer el texto a su formato original.

Realmente no tiene mucha explicación y no es difícil de aplicar. Es lo que estoy usando aquí abajo, en las palabras claves de este artículo, donde se irán agregando todos aquellos criterios de búsqueda por los que la gente encuentra este artículo. Una vez que pase la cantidad de palabras especificadas, el plugin, lo cortará y mostrará un ver más al final para expandir ese div y ver todas las palabras claves.

Categorías: Jquery • Plugin • Expander • Collapse •

1 2 3 4 5 6 7 8 9 10