Noticias Diseño – Tutorial Photoshop

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‘

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

Un tutorial muy interesante donde se muestra cómo programar un mini-chat. Necesitarás crear una base de datos y conocimientos sobre PHP y Ajax.

Bueno, el tutorial lo explica todo al detalle!

· Demo Ver Contenido‘
· Tutorial Ver Contenido‘

Podéis descargarlo del archivo adjunto.

- Archivo Adjunto: shoutbox.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‘

Aquí os dejo un buen listado de galerías gratuitas para vuestros portfolios o presentaciones de fotografía, diseño, etc.:

· FlashFlickr PhotoGallery Ver Contenido‘
· Flashmo 3d Grid Ver Contenido‘
· PhotoDiary 1.0 Ver Contenido‘
· Tony Photo Album Ver Contenido‘
· FlashMo Stack Photo Gallery Ver Contenido‘
· 3D Album Ver Contenido‘
· Slideroll Gallery AV Ver Contenido‘
· WS-Slideshow Ver Contenido‘
· Imagin Flash Photo Gallery Ver Contenido‘
· FlashMo Circle Gallery Ver Contenido‘
· Art Flash Gallery Ver Contenido‘
· Zen Flash Gallery Ver Contenido‘
· Flash Mo Grid Gallery Ver Contenido‘
· AutoViewer Ver Contenido‘
· Flash Gallery Ver Contenido‘
· PostcardViewer Ver Contenido‘
· FlashMo Photo Gallery Ver Contenido‘
· InventMedia FlashGallery Ver Contenido‘
· dfGallery 2.0 Ver Contenido‘
· Polaroid Gallery Ver Contenido‘
· Flash Image Gallery Ver Contenido‘
· Free Flash Gallery Ver Contenido‘
· Andrew Bergs Flash Ver Contenido‘
· flShow Carousel Ver Contenido‘
· Simple Viewer Ver Contenido‘
· Veppa Photo Album Ver Contenido‘
· XML Photo Album Ver Contenido‘

Efecto en Jquery que permite poner, en una de las esquinas superiores de nuestra página, un pliego que muestre una capa oculta con la información que queramos. Lioso verdad? El resultado es mucho más sencillo e impactante, vean, vean…

Demo Ver Contenido‘

Código Ver Contenido‘