Noticias Diseño – Tutorial Photoshop

Un sistema de pestañas sencillo de implementar en JQuery, incluye animaciones que alegran el resultado final.

Tutorial: Ver Contenido‘
Demo: Ver Contenido‘

Un interesante menú en Jquery. Podéis extraer el código desde el mismo source de la página.

Ver demo: Ver Contenido‘

La verdad que me he quedado impresionado con la velocidad y suavidad con la que se mueve este menú.

Clava, literalmente, el efecto y movimiento de los clásicos roll-over de Leopard.

· Ver en acción Ver Contenido‘
· Ver tutorial Ver Contenido‘

- Archivo Adjunto: macmenu.zip

Bonito efecto con JQuery para implementar un sistema de pestañas, sin recarga, en nuestra Web.

· Demo Ver Contenido‘
· Descargar Ver Contenido‘
· Cómo usar Ver Contenido‘

Un código de lo más sencillo para crear menús con contenido en pestañas.

Podéis descargar todo lo necesario con el archivo adjunto.

Ver Demo / Sitio Web Ver Contenido‘

- Archivo Adjunto: s-tabs.zip

Si es que no me cansaré nunca de poner ejemplos de Jquery… Estos dos casos me parecen bastante buenos y claros ejemplos de que Javascript sigue siendo día a día más sinónimo de usabilidad cuando se aplica con criterio.

¡Los Tabs están de moda!

· Descargar Tab 1 Ver Contenido‘
· Descargar Tab 2 Ver Contenido‘

Gracias a esta Web podéis confeccionar vuestro propio menú en CSS, admite todo tipo de configuraciones y parámetros como color y tamaños.

El proceso se lleva a cabo íntegramente por la Web y al final solo tendréis que copiar y pegar el código del menú.

Ver Contenido‘

Si queréis crear un menú para vuestra Web con la estética de las barras de Windows Vista y compatible en todos los navegadores mediante CSS, descargar esta botonera y lo tendréis muy fácil. Valida W3C CSS y XHTML.

· Descargar Ver Contenido‘

· Ver Demostración Ver Contenido‘

- Archivo Adjunto: vistabar.zip

A mi gusto es uno de los componentes más funcionales para agregar efectos javascript y ajax en tu Web.

Admite funciones como:
· Arrastrar y soltar elementos.
· Soporte fácil de Ajax.
· Efectos de animación.
· Despliegues de capa a lo “Flex”.
· Animaciones de capa.

Para hacerlo funcionar debéis usar también Prototype. En el archivo adjunto encontraréis los dos archivos JS listos para implementar en vuestra Web actualizados a día 18/1/08.

¡Pásate al mundo de las Webs 2.0!

Web: Ver Contenido‘
Demos: Ver Contenido‘

- Archivo Adjunto: rico.rar