BLOG DE DESARROLLO WEB

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

jQuery UI Multiselect Widget

jQuery UI Multiselect Widget

15 de Mayo de 2012 7,816 veces Ver comentarios

Este plugin o widget como lo llama su autor, se encarga de ponerle un aspecto muy pero muy (y no exagero) a los select multiple de html. Básicamente lo que hace es convertir la lista desplegable en un conjunto de checkboxes con opciones de seleccionar todos a la vez o ir seleccionando uno a uno con un simple click y sin necesidad de utilizar la tecla CTRL en Windows o OPTION (creo) en Mac.

Lo descubrí gracias a mi compañero Antonio -que no tiene ni twitter, ni web ni facebook- y de casualidad -en realidad por estar mirándole el source de una web que está desarrollando- y creí necesario compartirlo en mi web.

LEER ENTRADA

9 excelentes plugins para jQuery que no pueden faltar en tu web

9 excelentes plugins para jQuery que no pueden faltar en tu web

25 de Abril de 2012 16,700 veces Ver comentarios

Lo que traigo a continuación es una colección de plugins para nuestra ya archiconocida librería jQuery que me he encontrado dando un paseo por la vieja web de plugins de jQuery.

Si bien la web está semicerrada por rediseño, los usuarios no dejan de publicar sus nuevos desarrollos y hoy, justamente, me encontré un usuario que ha publicado 9 plugins que no están nada nada mal. En realidad fueron 10 plugins, pero uno no me convenció, así que me quedé con los 9 elegidos.

LEER ENTRADA

Alternar colores en las filas de una tabla con jQuery

Alternar colores en las filas de una tabla con jQuery

18 de Abril de 2012 9,498 veces Ver comentarios

Este pequeñísimo código hará que todas las filas de una tabla alternen su color de fondo automáticamente utilizando la librería jQuery, sin declarar clases ni ningún código en especial.

Hay muchísimas formas de hacer ésto, una es con PHP como nos enseña Webintenta, pero creo que, hoy día, el 99% de los desarrolladores web están utilizando jQuery, Mootools o cualquier otro framework en javascript para sus proyectos. Por esta razón, veo más que útil aplicar una nueva opción visual a tus trabajos con 1 línea de código.

LEER ENTRADA

Poner links automáticamente a los textos con jQuery

Poner links automáticamente a los textos con jQuery

13 de Marzo de 2012 6,306 veces Ver comentarios

El título de este post lo dice todo. Este plugin en jQuery se ocupará de buscar y reemplazar todas las palabras que encuentre en una cadena y convertirla automáticamente en un enlace totalmente funcional y personalizable.

Se pueden agregar tanto clases, targets y rels definiéndolo directamente en una línea... Eso sí, no se pueden aplicar distintas clases ni parámetros a los distintos enlaces del bloque, pero, en combinación con otras funciones escritas para jQuery se puede realizar prácticamente lo que quieras.

LEER ENTRADA

jQuery Organisation Chart, crea organigramas en html con jQuery

jQuery Organisation Chart, crea organigramas en html con jQuery

02 de Febrero de 2012 20,121 veces Ver comentarios

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

LEER ENTRADA

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

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

14 de Noviembre de 2011 23,129 veces Ver comentarios

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.

LEER ENTRADA

Gallery Focus... desenfocando elementos por proximidad

Gallery Focus... desenfocando elementos por proximidad

11 de Octubre de 2011 4,201 veces Ver comentarios

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

LEER ENTRADA

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

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

05 de Octubre de 2011 5,306 veces Ver comentarios

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

LEER ENTRADA

Resumen de Subflash 2011... gracias totales

Resumen de Subflash 2011... gracias totales

06 de Septiembre de 2011 3,269 veces Ver comentarios

Otro año más he tenido el gusto de asistir a una nueva edición de Subflash, desde mi humilde punto de vista, el mejor evento que existe, donde se comparte en un fin de semana, conocimientos, amistad, risas, compañerismo, regalos y muchos momentos para recordar el resto de tu vida.

Pero vamos por partes, porque cada uno de los puntos merece su párrafo, empezando siempre por el debido agradecimiento a toda la gente de [Q] Interactiva, Marcos, Armando, Jorge, Berto, a Quadricula a través de Ramon y todos aquellos que me olvido que participan en la organización del evento.

LEER ENTRADA

Mouseover sobre botón con efecto fade y jQuery

Mouseover sobre botón con efecto fade y jQuery

26 de Agosto de 2011 19,881 veces Ver comentarios

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.

LEER ENTRADA

Columnizer jQuery Plugin

Columnizer jQuery Plugin

24 de Agosto de 2011 4,600 veces Ver comentarios

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

LEER ENTRADA

jQuery-Plugin: PageScroll (alternativa a ScrollTo)

jQuery-Plugin: PageScroll (alternativa a ScrollTo)

23 de Agosto de 2011 7,442 veces Ver comentarios

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.

LEER ENTRADA

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,167 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,176 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