Blog de Recursos para Desarrolladores Web categoria

Blog de Recursos y Descargas para Desarrolladores Web

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

Agregar eventos a jQuery UI datePicker

Escrito el 16-05-2012 por: Martín y leído 351 veces

Esto es magia en estado puro. Me lo encontré buscando como agregar eventos al jQuery UI datePicker para que, en lugar de seleccionar la fecha indicada, muestre una alerta o siga un vínculo desde cada día del calendario.

Encontré este código que voy a copiar y pegar tal cual... antes que me muerdan, el código no es mío, pero lo que hace, básicamente, es crear un array con los eventos a mostrar y luego capturar el evento de seleccionar la fecha.

Categorías: Jquery,jquery UI,datepicker,calendario,eventos •

jQuery UI Multiselect Widget

Escrito el 15-05-2012 por: Martín y leído 146 veces

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.

Categorías: Jquery,jquery UI,select Múltiple,option •

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

Escrito el 25-04-2012 por: Martín y leído 539 veces

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.

Categorías: Jquery •

Alternar colores en las filas de una tabla con jQuery

Escrito el 18-04-2012 por: Martín y leído 308 veces

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.

Categorías: Javascript • Tablas • Framework • Jquery •

Poner links automáticamente a los textos con jQuery

Escrito el 13-03-2012 por: Martín y leído 469 veces

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.

Categorías: Jquery • Link • Enlaces •

jQuery Smooth Scrolling plugin

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

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.

Categorías: Jquery • Plugin • Scroll •

jQuery Organisation Chart, crea organigramas en html con jQuery

Escrito el 02-02-2012 por: Martín y leído 1251 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 5594 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 1389 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 1369 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 •

1 2 3 4 5 6 7 8 9 10 11