Noticias Diseño – Tutorial Photoshop

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‘

Un efecto útil. Nada mejor que una Demo como esta Ver Contenido‘ para comprobar su funcionamiento.

Podéis descargar el código del archivo adjunto y ver algunas anotaciones al respecto en Ver Contenido‘

- Archivo Adjunto: fotoslide.zip

El Javascript está de moda y este recurso que les presento a continuación es uno de los más utilizados en los nuevos Blogs y Webs 2.0.

Se trata de un código en JQuery que permite desplazarnos dentro de un mismo DIV entre contenidos mediante activadores.

Este código que os adjunto tiene la ventaja que viene “pelado”, así os será mucho más fácil de estudiar e implementar.

Demo 1: Ver Contenido‘
Demo 2: Ver Contenido‘
Demo 3: Ver Contenido‘

- Archivo Adjunto: easySlider.zip

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

Seguro que muchos de los programadores que lean estas lineas han utilizado esos calendarios que al pulsar el icono de turno muestra una pequeña ventana donde elegir el día y que el input de al lado se rellene con esa fecha, pues bien, he encontrado este script con JQuery, que la verdad presenta un resultado genial.

Se puede customizar con CSS y admite numerosas variables que lo adaptarán rapidamente a tu formulario.

Ver Contenido‘

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‘

Un lastre que solemos llevar todos los diseñadores es el de los campos de formulario para subir archivos (fotos, PDF, etc.) Son muy feos! Y difíciles de modificar mediante CSS…

Con este método, usando CSS y DOM, podremos customizar la imagen y quitar el campo de texto. Echarle un ojo a la demo, la funcionalidad sigue siendo la misma pero con un look mucho más fácil de integrar.

· Demo Ver Contenido‘

- Archivo Adjunto: inputcss.rar