Tooltips sencillos con jQuery y CSS

Escrito el 11 de Julio de 2012 por y leído 3,784 veces. Ver comentarios

Tooltips sencillos con jQuery y CSS

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.

LEER ENTRADA

Comprobar la fortaleza de una contraseña con jQuery

Escrito el 09 de Julio de 2012 por y leído 3,773 veces. Ver comentarios

Comprobar la fortaleza de una contraseña con jQuery

Este plugin se encarga de verificar la fortaleza de la contraseña ingresada a la vez que valida que se ingrese dos veces la misma clave, mientras presenta de modo gráfico el nivel de seguridad de la cadena ingresada.

Resumiendo, te dice si tu clave es fácil de adivinar o difícil según la combinación de caracteres que contenga. Para mayor nivel de seguridad, combinar símbolos, letras -ya sean minúsculas o mayúsculas- y números.

LEER ENTRADA

Insertar Google Maps en tu web con jQuery

Escrito el 05 de Julio de 2012 por y leído 4,038 veces. Ver comentarios

Insertar Google Maps en tu web con jQuery

Lo que traigo en esta ocasión es un plugin de jQuery que se encargará de hacerte facil la tarea de insertar y manipular mapas de Google Maps en tu web.

Si la API v3 de Google Maps ya es bastante más sencilla de utilizar que su versión anterior, este plugin realmente simplifica la tarea de utilizar los mapas y adaptarlos a nuestras necesidades.

LEER ENTRADA

jQuery Hint, texto de ayuda en los campos de tu formulario

Escrito el 14 de Junio de 2012 por y leído 3,119 veces. Ver comentarios

jQuery Hint, texto de ayuda en los campos de tu formulario

jQuery Text box hint es un plugin que se ocupará de mostrar y esconder contenido automáticamente en los campos de nuestro formulario de contacto.

Muchas veces habrás visto que al rellenar un formulario (creo que Twitter lo tiene), ya te aparece escrito algún texto en los campos de tipo input o textarea y al hacer click sobre ellos ese contenido desaparece automáticamente, volviendo a aparecer si haces un click fuera de dicho campo.

LEER ENTRADA

Mis primeros pasos en el Responsive Web Design

Escrito el 06 de Junio de 2012 por y leído 5,141 veces. Ver comentarios

Mis primeros pasos en el Responsive Web Design

En esto del desarrollo web como en la vida, siempre toca evolucionar. Y evolucionar, en términos de informática, quiere decir incorporar nuevas prácticas, nuevos conocimientos y técnicas para optimizar el flujo de trabajo, consiguiendo un producto final de mejor calidad en el menor tiempo posible.

Esta vez, le ha tocado el turno al Responsive Web Design, o diseño web responsivo... o, en cristiano, el diseño web que se adapta a todos los dispositivos, según tamaño de pantalla u orientación, sin tener distintas versiones de tu web... Qué quiere decir ésto? Que partiendo de la base de un sólo código, es decir una única página web, mediante algunos .JS y muchas líneas de CSS, obtendrás la versión adecuada para el tamaño de la pantalla de tu visitante.

LEER ENTRADA

Agregar eventos a jQuery UI datePicker

Escrito el 16 de Mayo de 2012 por y leído 6,292 veces. Ver comentarios

Agregar eventos a jQuery UI datePicker

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.

LEER ENTRADA

jQuery UI Multiselect Widget

Escrito el 15 de Mayo de 2012 por y leído 4,096 veces. Ver comentarios

jQuery UI Multiselect Widget

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

Escrito el 25 de Abril de 2012 por y leído 10,997 veces. Ver comentarios

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

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

Escrito el 18 de Abril de 2012 por y leído 3,586 veces. Ver comentarios

Alternar colores en las filas de una tabla con jQuery

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

Escrito el 13 de Marzo de 2012 por y leído 3,184 veces. Ver comentarios

Poner links automáticamente a los textos con jQuery

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