Blog de Recursos para Desarrolladores Web categoria as

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

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 •

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 •

Columnizer jQuery Plugin

Escrito el 24-08-2011 por: Martín y leído 1094 veces

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

Categorías: Columnas • Jquery • Plugin •

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

Escrito el 12-07-2011 por: Martín y leído 1128 veces

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.

Categorías: Jquery • Calcular Distancia • Javascript •

Detectar Android, iPad o iPhone con javascript, php o htaccess

Escrito el 26-04-2011 por: Martín y leído 10036 veces

Vía el blog (interesantísimo por cierto) de David Walsh, nos deja 3 post donde nos explica con 2 líneas de código como detectar si tu visitante está utilizando el sistema operativo Android, un iPad o un iPhone/iPod.

Los artículos completos están en:

Categorías: Iphone • Ipad • Android • Htaccess • Php • Javascript •

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

Escrito el 25-04-2011 por: Martín y leído 1835 veces

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.

Categorías: Php • Inyección Cabeceras • Mail Injection • Headers •

Tiny Scrollbar... la alternativa a jScrollPane para jQuery

Escrito el 10-03-2011 por: Martín y leído 8528 veces

Si lo que quieres es personalizar las barras de scroll de tu navegador o usar capas o elementos con scrollbars y que no sean las simples barras que incluyen los navegadores, Tiny Scrollbar es tu opción. Permite personalizar las barras de desplazamiento de los elementos de tu web con un script de tan solo 2.29 kb.

Tiny Scrollbar puede utilizarse para aplicar barras de desplazamiento a tu contenido. Fue construido usando la biblioteca jQuery. Es una herramienta dinámica, ligera que da a los diseñadores web una forma eficaz de mejorar una interfaz de usuario web.

Categorías: Javascript • Jquery • Scroll • Plugin • Css •

Crea un antes y después para tus fotos con jQuery

Escrito el 26-01-2011 por: Martín y leído 1696 veces

Brevemente, este es un plugin para jQuery que se encarga de mostrar de un modo muy animado el ´Antes´ y ´Después´ de nuestras fotografías mediante muy poco código.

Su autor, nos deja una serie de demostraciones, pero para implementarlo nos hacen falta muy pocas líneas de código como vemos más abajo.

Categorías: Jquery • Antes Y Después • Fotografías • Máscaras •

Sistema de votación con estrellas o Star Rating con jQuery

Escrito el 29-12-2010 por: Martín y leído 11688 veces

Este sistema permite que los usuarios puedan votar mediante estrellitas gráficas que van rellenando su color según la valoración que nos da el usuario, diferentes artículos o productos de nuestra web, donde nos guste tener la participación activa de nuestros visitantes.

ACTUALIZACION: He publicado una demo online y el código totalmente modificado porque veo que está dando varios problemas. Recuerda que deberás modificar las rutas en todos los archivos, ya que casi todos los archivos tienen rutas relativas de las llamadas en AJAX para la votación que debes adaptar a las carpetas de tu web.

Categorías: Star Rating • Sistema De Votación • Estrellitas •

jQuery Image Rounder. Redondear bordes de imágenes con jquery

Escrito el 27-10-2010 por: Martín y leído 2160 veces

Descubro este nuevo plugin muy interesante para utilizar bordes redondeados en imágenes sin tener que preparar las imágenes con antelación.

Para navegadores modernos (entiéndase Firefox, Opera, Chrome, Safari, Explorer 9...) utiliza CSS3 y para Explorer 8 y anteriores, utiliza VML, por lo que el resultado está garantizado.

Categorías: Jquery • Javascript • Bordes Redondeados • Css •

1 2 3 4