Noticias Diseño – Tutorial Photoshop

La personalización de formularios no es una tarea sencilla, por suerte, desde hace algún tiempo, contamos con scripts geniales de Jquery que facilitan esas tareas de diseño. Image combobox permite crear select o listas con imágenes.

Descargar código | Ver tutorial | Ver ejemplo

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.

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‘

Esto se parece cada vez más a Flash, pero con CSS y Javascript. Se pueden hacer maravillas la verdad.

Botonera Jquery Ver Contenido‘

Por desgracia no sé donde andará el tutorial pero el código de la página os servirá seguro.

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