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

El código está extraído de CSS TRICKS y pertenece a Chris Coyer

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 >

No es una novedad que Google sacó un botón social para que los usuarios voten los contenidos de las webs o blogs que visitan. Esto servirá para que tus amigos (según Google), obtengan recomendaciones de webs que pueden interesarte.

Hablando mal, hoy día, si Google se tira un pedo, se huele en el mundo entero y a velocidad luz. Está claro que cada anuncio que hace la empresa de las oo, mueven todo twitter y cuanta red social se haga eco.

Yo, sinceramente, no le veo mucho futuro. No molesta un botón más en tu web, pero no creo que sirva para nada. Lo que habrá que ver es si, con el tiempo, las recomendaciones de nuestros amigos afectan al posicionamiento natural de nuestras webs.

ver más >

Este pequeño código sirve para mostrar filtros por categorías sobre el contenido mostrado en pantalla. Es decir, si tienes, por ejemplo, un portfolio de trabajos y quieres que el usuario pueda filtrar por categorías, este código te ayudará a hacerlo.

El proceso es muy sencillo, debes mostrar tu contenido en el formato que quieras, pero separando ya sea en un div, un tr, un li o lo que quieras cada uno de ellos, porque deberás asignarle como class, el título de la categoría a la que pertenece (que puede ser una o varias).

Luego, deberás crear una lista desordenada, vamos, un UL de toda la vida, con, precisamente, esas categorías para que el código javascript y la librería jQuery hagan el resto.

ver más >

A pedido de un usuario de mi web y viendo que el plugin de jQuery Externalify no funciona (o yo soy muy tonto y no lo puedo hacer funcionar), les dejo una pequeñísima función que hará lo que necesitan sin plugins.

Sólo necesitan la librería jQuery (cualquier versión instalada en el head de tu web. Y ahi va...

ver más >

Pues es así. No todo vale para generar tráfico a tu web. Cada vez, veo con más frecuencia como aparecen artículos en blogs que son copias fieles de los originales y que no se menciona, siquiera, la fuente original.

No todo vale para posicionar tu web. No vale aprovecharte del título o post de otra persona. No vale duplicar el contenido de otros blogs famosos, y si el dios Google se entera, no pasará mucho tiempo hasta que te penalicen.

Por eso, es mejor escribir los artículos, largos, cortos, buenos o malos, escríbelos con tus palabras, pero por favor, no copies contenido tal cual de otras webs porque además de ser de una ética más que dudosa, hoy día en internet todo se sabe.

ver más >

El siguiente es un ejemplo de como puedes utilizar un sistema de autenticación de usuarios mediante su cuenta de Twitter. Realmente no le veo mucha utilidad en sistemas con registros de usuarios pero sí para comentarios u otros sistemas que no necesiten más datos de los que puede facilitarte twitter.

Todo comienza con una serie de pasos que detallo a continuación. Donde la clave de todo es crear una aplicación en Twitter que hará de lanzadera, obtener unas key del centro de developers de twitter y utilizar alguna de las librerías que Twitter mismo te ofrece.

En este caso usaremos una que utiliza json y, luego de loguearnos mostraremos por pantalla algunos datos públicos de tu cuenta de Twitter.

ver más >