30 marzo 2011

Background Image Navigation con jQuery y CSS3

Beautiful Background Image Navigation with jQuery

Beautiful Background Image Navigation with jQuery

Con el tutorial (inglés) que comparte Codrops vamos a crear una elegante interface con CSS3 y jQuery donde la imagen de fondo de la misma ira cambiando según pasemos el puntero del ratón por las diferentes secciones.

El código para crear este background image slide es compatible con Google Chrome, Firefox, Opera, Safari, IE8, IE7 e incluso IE6.

Puedes ver un demo del mismo y bajarte todos los archivos para usarlo en tu proyecto web.

17 noviembre 2010

Choco-Slider – Un slider de imágenes muy liviano

Choco-Slider

Choco-Slider es un dulce slider de imágenes de tan solo 7kb, que poseé varios efectos de transición y nos permite personalizar dimensiones, auto slide, retraso de tiempo de las transiciones, controles de anterior y siguiente y mucho más.

Para descargar y ampliar la información os dejo su web que por cierto la encontramos en español.

11 octubre 2010

Crea un menú desplegable con CSS3

Menu desplegable en CSS3

Menu desplegable en CSS3

Desde el blog de webexpedition18.com comparten un simple y completo tutorial para realizar bajo CSS3 un menú desplegable. El menú desplegable sera creado sin la necesidad de utilizar JavaScript, ya que usa sólo propiedades CSS.

Para ver una demostración de como quedaría el menu una vez finalizado el tutorial, pulsa este enlace. Si el resultado es de tu agrado te dejo los enlaces al tutorial (inglés) y a los archivos fuentes.

15 septiembre 2010

Orbit – Un rotativo de imágenes (SliderShow) en jQuery

Orbit: A Slick jQuery Image Slider Plugin

Orbit: A Slick jQuery Image Slider Plugin

Orbit es un excelente pero a su vez simple y liviano pluging de jQuery que te permitirá mostrar un rotativo de imágenes (slideshow).
Entre las opciones que podemos encontrar destacan: tipo de animación entre imágenes, tiempo entre una imagen y otra, habilitar/deshabilitar los botones de navegación …
Conoce más y descarga Orbit.

13 septiembre 2010

Da vida a tus tablas con CCS3

Mejora tus tablas con CSS3

Mejora tus tablas con CSS3

Codrops nos facilita 3 ejemplos en CSS3 para dotar a tus tablas de mas fuerza y estilo. Lograremos gradientes sin necesidad de usar imágenes y mejorar todas las partes de la tabla.
Para que te hagas una idea de lo que te ofrecen los códigos CSS que comparte Codrops visitar su Demo y si son de tu agrado Descargalos.

Fuente: Pimp Your Tables with CSS3