BLOG DE DESARROLLO WEB

RECURSOS Y NOTICIAS ÚTILES EN TODOS LOS NIVELES PARA CUALQUIER DESARROLLADOR WEB...

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

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

12 de Julio de 2011 5,351 veces Ver comentarios

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.

LEER ENTRADA

jQuery Expander plugin

jQuery Expander plugin

11 de Julio de 2011 6,367 veces Ver comentarios

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.

LEER ENTRADA

jQuery lightbox plugin. Un lightbox en jQuery

jQuery lightbox plugin. Un lightbox en jQuery

01 de Julio de 2011 5,754 veces Ver comentarios

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.

LEER ENTRADA

Pon un +1 en tu web con Google

Pon un +1 en tu web con Google

03 de Junio de 2011 3,809 veces Ver comentarios

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.

LEER ENTRADA

Filtrar contenidos con jQuery

Filtrar contenidos con jQuery

30 de Mayo de 2011 7,153 veces Ver comentarios

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

LEER ENTRADA

Abrir todos los enlaces en una nueva ventana con jQuery

Abrir todos los enlaces en una nueva ventana con jQuery

19 de Mayo de 2011 11,059 veces Ver comentarios

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

LEER ENTRADA

Posicionamiento web. No todo vale para generar tráfico

Posicionamiento web. No todo vale para generar tráfico

18 de Mayo de 2011 4,331 veces Ver comentarios

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.

LEER ENTRADA

Validación de Usuarios con OAUTH de Twitter con PHP

Validación de Usuarios con OAUTH de Twitter con PHP

06 de Mayo de 2011 9,752 veces Ver comentarios

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.

LEER ENTRADA

Animated jQuery Menu. Menú multinivel animado con jQuery

Animated jQuery Menu. Menú multinivel animado con jQuery

05 de Mayo de 2011 9,879 veces Ver comentarios

Breve explicación de como montar un menú multinivel con distintas animaciones con jQuery. Si buscas montar un menú multinivel (o multilevel in english) con 2 líneas de código... esta es tu solución.

Realmente es tan fácil de hacer que la web de su creador no tiene ni explicación más que 2 trozos de código de como implementarlo... así que no te quejarás de su facilidad de uso.

LEER ENTRADA

Solución al error Deprecated: Function set_magic_quotes_runtime() con phpmailer

Solución al error Deprecated: Function set_magic_quotes_runtime() con phpmailer

28 de Abril de 2011 30,816 veces Ver comentarios

Si utilizas phpmailer y php 5.3 o superior, te encontrarás con un error de la función set_magic_quotes que está obsoleta en esta versión de PHP.

Revisando la web de phpmailer, veo que no hay una versión superior que corrija este error, entonces, googleando un poco, me encontré con una solución en Foros del Web que me vino al pelo y como utilizo esta clase a menudo, conviene tener a mano.

LEER ENTRADA

18 plugins jquery que no pueden faltar en tu web parte 2

18 plugins jquery que no pueden faltar en tu web parte 2

27 de Abril de 2011 47,392 veces Ver comentarios

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.

LEER ENTRADA

3 métodos de evitar la inyección de cabeceras en mail() de php

3 métodos de evitar la inyección de cabeceras en mail() de php

25 de Abril de 2011 7,786 veces Ver comentarios

Es conocido que la funcion mail() de php no es de la más seguras... mejor dicho, es muy fácil de inyectarle cabeceras para que un spammer utilice tu formulario de contacto para uso personal. Muchos hosting están bloqueando el uso de esta función, ya que no usa autenticación smtp para el envío.

Entonces, más allá de que es muy aconsejable usar clases como phpmailer para el envío de correos, que utiliza una correcta autenticación smtp, es aconsejable usar algún método para asegurarse que tu formulario de contacto servirá para eso, que te contacten y no para que un spammer le envíe a todo dios ofertas de viagra o alargamiento del miembro masculino a través de tu web.

LEER ENTRADA

Recursos para tu Web: Texturas

Recursos para tu Web: Texturas

06 de Abril de 2011 5,726 veces Ver comentarios

Y siguiendo con los posts de recursos para tu web, va el tercero, sobre Texturas. Estas imágenes te servirán para crear fondos increibles en tu web y en otra clase de trabajos ya que la mayoría son en tamaños muy grandes.

Ahi te va la lista pidiéndote, como en los anteriores, que si tienes más, las compartas y hagamos que esta lista crezca día a día con recursos para los diseñadores.

LEER ENTRADA

Recursos para tu Web: Fotografías

Recursos para tu Web: Fotografías

05 de Abril de 2011 4,146 veces Ver comentarios

Acompañar el diseño de tu página web de unas fotografías de calidad es casi imprescindible, por eso mismo, he creado este post donde pretendo juntar un set de bancos de imágenes (gratuitos o no) para que agregues a tus recursos habituales.

Como en el post anterior, si tienes alguna galería que no veas en el listado y quieres compartirla conmigo, no dejes de comentar más abajo.

LEER ENTRADA