Noticias Diseño – Tutorial Photoshop

Hay cienes de carruseles, están de moda. Para mi, deben cumplir dos normas; que sean bonitos y que sean en Jquery. Este reúne ambas condiciones.

• Ver demo del carrusel
• Descargar archivos
• Ver tutorial

Una gran mejora que incorporar a cualquier formulario es aquella que nos permite corregir y validar los datos que vamos escribiendo sobre la marcha.

A continuación os dejo 18 validadores en Jquery, Mootools, Prototype, etc. Seguir leyendo »

He visto bastantes tutoriales que te enseñan a mover capas, el famoso efecto “Drag & Drop” (arrastrar y soltar) pero este me ha llamado especialmente la atención por hacer llamadas a JSON y guardar la posición final en base de datos.

Lo veo muy útil puesto que envía variables a un PHP que puede ser fácilmente configurado para efectuar otras acciones. Usa las librerías JQuery.

· Descargar código
· Ver tutorial
· Demo

Un bonito efecto que pasa las fotos a Blanco y negro al mover el ratón por encima de la imagen.

Podéis ver un ejemplo o estudiaros el tutorial para implementarlo en vuestra Web.

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

Tutorial: Ver Contenido‘
Demo: Ver Contenido‘

Esta galería hace uso de JQuery para hacer un efecto muy resultón. Amplia la imagen y añade un subtítulo.

¿Quién necesita Flash?

Demo: Ver Contenido‘
Tutorial: Ver Contenido‘

Este tooltip se desliza de manera horizontal por los diferentes botones de un menú.

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‘

Un scroll del tipo arrastrar con JQuery.
Podéis ver una Demo Ver Contenido‘ y si os gusta descargar el adjunto.

Tip: En la demo tenéis el Slider abajo, sale con Fade y casi no se ve, podéis arrastrarlo o pulsar sobre cualquier parte de la barra para mover la capa de contenido.

- Archivo Adjunto: slider_jq.zip

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