Blog de Recursos para Desarrolladores Web categoria css

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

Animated jQuery Menu. Menú multinivel animado con jQuery

Escrito el 05-05-2011 por: Martín y leído 3404 veces

Breve explicación de como montar un menú multinivel con distintas animaciones con jQuery. Si buscas montar un menú multinivel (o multilevel in english) con 2 líneas de código... esta es tu solución.

Realmente es tan fácil de hacer que la web de su creador no tiene ni explicación más que 2 trozos de código de como implementarlo... así que no te quejarás de su facilidad de uso.

Categorías: Jquery • Menu • Css • Multinivel •

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 •

CSS reset... reseteando los estilos en CSS

Escrito el 08-01-2011 por: Martín y leído 1304 veces

Cada elemento que utilizamos en nuestra hoja CSS tiene sus valores predeterminados, y, por ende, cada navegador los interpreta a su manera.

Antes de empezar un proyecto web, es muy útil resetear todos los elementos que vamos a utilizar mediante CSS y para ello, podemos usar 2 métodos.

Categorías: 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 •

Evitar el redimensionado de los textearea en webkit

Escrito el 31-08-2010 por: Martín y leído 3030 veces

Si eres un usuario habitual de los Navegadores Safari o Chrome, sabrás que éstos permiten que un usuario pueda cambiar su tamaño simplemente arrastrando su esquina inferior derecha.

Normalmente ésto no afecta el funcionamiento ni estética de tu web, pero si ese es tu caso, existe una propiedad CSS que evita que los usuarios de estos navegadores puedan cambiarle el tamaño a tus textearea.

Categorías: Textarea • Webkit • Chrome • Css •

TinyTips, tooltips atractivos con jQuery

Escrito el 09-03-2010 por: Martín y leído 1236 veces

TinyTips es un plugin para jQuery que tiene como objetivo mejorar los alt y titles de nuestros enlaces. Su ventaja es que es super liviano y fácil de implementar. Su desventaja es que no persigue al ratón y se queda estático y no termina de ser del todo agradable.

Su implementación es muy fácil, basta la librería jQuery, un .JS super liviano y un poquito de CSS para adornar tus tooltips a tu gusto.

Categorías: Tooltip • Jquery • Css •

Cartel rotatorio como esos de las carreteras con jQuery

Escrito el 21-12-2009 por: Martín y leído 1813 veces

Este plugin sirve para hacer un slider de imágenes que van rotando en trozos, similar a los que se ven en las carreteras, que van cambiando de una publicidad a otra por pequeñas partes verticales.

El uso es muy sencillo, se configura por CSS, lo malo es tener que hacer la gran cantidad de imágenes que se necesita para si quieres que las partes verticales no sean muy anchas. Como puedes ver en este link, debes cortar tu cartel en trocitos...

Categorías: Slider • Jquery • Css • Galería •

jStickyNote... notas adhesivas en tu web con jQuery

Escrito el 21-12-2009 por: Martín y leído 1379 veces

Este plugin tiene por finalidad poner esos tan útiles post-it (MR) que siempre vemos en todas oficinas, tapando la mitad de los monitores con todas las cosas pendientes por hacer...

Pues bien, ahora podemos llenarle el monitor de notitas adhesivas a nuestros visitantes con recordatorios, mensajes o lo que quieras.

Categorías: Notas Adhesivas • Jquery • Plugin • Css •

Tamaño de imágenes automático con jQuery

Escrito el 21-12-2009 por: Martín y leído 11591 veces

Este es el primero de una lluvia de post que voy a publicar todos juntos porque en este fin de semana dí con varios plugins para jQuery que me parecieron interesantes.

En este post, le toca el turno al jQuery maxImage plugin, que se encarga de redimensionar automáticamente las imágenes según su ratio, tamaño de la ventana del navegador y otras opciones.

Categorías: Tamaño Texto • Jquery • 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 •

1 2 3