PSDs Gratis para descargar y aprender

Sin duda en diseño web como en cualquier otro tipo de diseño gráfico, Photoshop es absolutamente necesario. Controlar este programa significa poder llegar  a crear tus propias imágenes y distinguirte de los demás. En numerosas ocasiones vemos imágenes realizadas por expertos, pero no es lo mismo ver un diseño plano (jpg…) que poder ver las capas en el psd y ver cómo el autor lo ha ido montando.
Gracias a estos psd podrás usar una gran cantidad de “trucos” para tus próximos diseños. Evidentemente se trata de trabajos realizados por expertos, por lo que a pesar de poder descargártelos gratis lo “legal” es ser solidario con estos autores y sus obras y usarlos como modelos para nuestros próximos diseños, no como material listo para usar…

Continue reading “Descargar diseños en PSD” »

Background Image

Cada vez son más numerosas las webs y blogs que flotan sobre una impresionante imagen. Este fondo puede ser una imagen única o una más pequeña que se repite horizontalmente, verticalmente o ambas.

Los fondos consiguen dar mayor peso gráfico a la web, y sobre todo, captar la atención del usuario.

A continuación vamos a ver unos ejemplos de web con backgrounds, cómo insertar el código en la CSS y un par de sitios en los que poder descargar buenos backgrounds.

Continue reading “Backgrounds para tu web o blog” »

Pinceles Retro Vintage

El diseño web retro es un estilo único y muy atractivo para cualquier tipo de usuario. Cada vez se ven más diseños tanto en webs diseñadas para empresas, como personales o publicidad impresa.

Una de las mejores ayudas que vamos a tener a la hora de hacer diseños de este estilo son los pinceles, ahí van unas cuentas librerías de pinceles para photoshop que os serán muy útiles.

Continue reading “Pinceles Retro y Vintage” »

PageSlide con JQuery

¿Habéis visto el efecto que produce el iPhone cuando pasamos de una página a otra?, la pantalla se desplaza horizontalmente dejando ver el siguiente contenido. Este plugin permite a cualquier desarrollador crear una interacción similar en su propio sitio web utilizando unas simples líneas de Javascript.

Adjuntando el método a una etiqueta de ancla, pageSlide envuelve el contenido original en una capa y crea un nuevo bloque para el contenido secundario. Al hacer clic en el evento se invocamos la animación.

Una de las ventajas que tiene es que no perdemos de vista la ventana principal, por lo que en cualquier momento el usuario puede volver a su contenido original con solo hacer clic sobre él.

Este plugin lo encontré en los grupos para desarrolladores de google. La verdad es que es una mina, muy recomendable !!!

Más información sobre PageSlide

Pretty Load

¿Cual es el sentido de un preload?, simple y conciso, un preload sirve para advertir al usuario que espere unos segundos para ver el contenido que ha solicitado. Antes sólo lo veíamos en flash, ahora también podemos ver pequeños preload en Ajax.

Bien, entonces, si se trata de que no nos abandone, lo lógico es contarle cuánto falta,  y por otro lado sería bueno captar su atención con algo que le haga sentir curiosidad, sonreír o fascinar. Pues bien, esto es lo que han reunido en Pretty Loaded, una recopilación de alguno de los mejores preload.

http://www.prettyloaded.com/