A veces me gusta darme una vuelta por la sección de plugins de jQuery.com y ver qué hay de nuevo. Muchas veces encuentro plugins que valdría la pena compartir pero que no tienen descripción ni información como para escribir un post entero y, para no terminar en post de 2 parrafitos, esta vez recopilo 6 miniposts en uno.

La minicolección de 6 plugins que dejo a continuación están bien, unos mejor que otros, unos mucho más funcionales que otros pero el que se lleva el premio es el de la marquesina, que, seguramente, alguna web todavía tendrá de estos odiosos textos caminando :)

Al grano...
Ahí va mi pequeña recopilación, dejando título, para qué sirve, enlace a la web y enlace a la demo si lo hubiera.

ver más >

Otro nuevo plugin, Gips, para mostrar tooltips en nuestros elementos de la web con pocas líneas de código y 100% personalizables. Como siempre, necesitaremos jQuery, un poco de CSS y nuestra imaginación para combinar los estilos y efectos de nuestros globitos de ayuda.

El plugin nos permite configurar el estilo, tiempo que está visible, si se oculta automáticamente o no, la posición, el botón de cierre y todas las opciones que nos hacen falta.

Hay una demo totalmente funcional en este enlace y la descarga en este otro.

ver más >

Smooth Scrolling es un plugin desarrollado en jQuery que sirve para crear un sistema de navegación on-page, es decir, las típicas páginas web de 1 sólo html.

Hablando más claro, si tienes una web con poco contenido y quieres desarrollarla solo en un html pero con el contenido bien organizado, este plugin te viene pintado.

Sólo basta con definir un menú de navegación que quedará siempre fijo en pantalla y luego tantos divs o capas como opciones tenga ese menú... el plugin se encargará de hacer el resto.

ver más >

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...

Explicándome mejor, si quieremos un nivel JEFE -> GERENTE -> EMPLEADO, deberíamos crear una lista tal como se muestra en el código 1 más abajo... utilizar este plugin y dedicarnos a personalizar nuestra gráfica mediante CSS.

ver más >

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...

ver más >

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.

Hay una demo en la web de su autor por lo que no vale la pena reproducirla en mi web. Su código es muy sencillo y con pocas líneas lo tendremos funcionando.

ver más >

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:

• El número de tweets a mostrar
• Mostrar/Ocultar las fotos del perfil
• Fecha de Publicación de los Tweets
• Número de followers que tienes
• Número total de tweets publicados
• Tema, es decir, el diseño que muestra entre 6 a elegir.

Su utilización es muy sencilla, sólo basta con una línea de código (ver código 1) y para descargarlo puedes ir a la web de su autor.

ver más >

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.

Requisitos.
Sólo necesitas, jQuery, el plugin jQuery Expander y un poquito de javascript para aplicarlo. Mírate los códigos a continuación y descarga el plugin (o mira las demos) en la web del autor.

ver más >

Hace mucho que existe esta versión del famoso lightbox pero en versión jQuery. Este plugin es muy limitado hoy día ya que solo vale para imágenes, pero si lo que quieres es ampliar tus fotos con un código muy pero muy liviano, debes darle una oportunidad.

No tiene mucho que hacer contra otros como Colorbox o PrettyPhoto o FancyBox, pero si tu objetivo son solo ampliar las imágenes, te vale de sobra.

Su implementación es más que sencilla, muy poquito css y una línea javascript para hacer que todas las imágenes o las específicas que marques se amplíen.

ver más >

Anteriormente, había publicado un post con una recopilación de 20 plugins que no pueden faltar en tu web. Hoy, actualizo un poco ese listado, agregando otros 18 plugins que (quitando 1) me gustan mucho.

Como es habitual en estas recopilaciones, no voy a pararme a hablar en detalle de cada uno, sino que pondré una lista como hice en el post anterior y si, mi breve (muy breve) descripción de lo que hace el plugin te interesa, ya te miras la web del autor.

Ahi van:

ver más >