Blog de Recursos para Desarrolladores Web categoria javascript

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 •

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 10037 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 •

Tiny Scrollbar... la alternativa a jScrollPane para jQuery

Escrito el 10-03-2011 por: Martín y leído 8529 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 •

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 •

Menú o barra lateral (sidebar) siempre visible con scroll y jQuery

Escrito el 01-12-2009 por: Martín y leído 26833 veces

Encontré el otro día en CSS-TRICKS un excelente ejemplo de como hacer que una barra lateral o menú o submenú (o lo que quieras) acompañe siempre con movimiento vertical al contenido central de la web.

Realmente es muy útil, por ejemplo, para grandes cantidades de texto en las que quieres mostrar unos enlaces internos a determinadas partes de ese texto o subsecciones o lo que quieras.

Categorías: Menú Lateral • Jquery • Javascript • Css •

TinyTable y el arte de ordenar tablas en javascript

Escrito el 23-03-2009 por: Martín y leído 994 veces

Hoy, ante la necesidad de manejar muchas opciones para ordenar una tabla con varios registros, buscaba la mejor forma de hacerlo sin tener que recargar la página ya que los resultados mostrados, dependían de muchas opciones y provenían desde 5 buscadores distintos.

Entonces, googleando, me encontré con esta fabulosa solución que nos ofrece su creador.

Categorías: Tablas • Ordenar • Jquery • Javascript • Html • Css •

Validación personalizada de formulario

Escrito el 03-03-2009 por: Martín y leído 1434 veces

Esta vez, como tenía que validar un formulario y no quise usar jQuery para hacerlo, me puse a escribir mi propia función.

Necesita solamente de unos toques de CSS y 2 funciones en javascript, una para validar en sí y otra para restablecer el ´class´ de los elementos si fueron rellenados por el usuario.

Categorías: Validación • Formularios • Jquery • Css • Javascript • Html •

jQuery imgPreview plugin

Escrito el 12-02-2009 por: Martín y leído 758 veces

Un nuevo y excelente plugin vio la luz para jQuery. Se trata de un plugin que permite previsualizar una imagen de un modo similar a un tooltip pero con pocas líneas de código.

Permite mostrar una imagen sin necesidad de hacer click y tiene muchas opciones para personalizar la muestra ya sea con CSS o simplemente ajustando tamaños.

Categorías: Tooltip • Preview • Thumbnail • Miniaturas • Jquery • Javascript • Css •

1 2 3