Rollover con jQuer
Algunos de vosotros habréis tenido (los menos ;), la curiosidad de ver el portfolio de este blog de diseño web. Al situarte sobre la imagen, esta se desplaza y deja ver otra imagen u html. Es un efecto muy utilizado en galerías, ahorra espacio y además es amigable cara al SEO.
Os dejo aquí el ejemplo y el código para realizar estos efectos con jQuery.
Barras preload en formato PSD para descargar
50 originales barras de progreso en formato PSD, listas para descargar desde http://designshareblog.com/
Parallax-Slider
Hace unos meses, en este blog de diseño web, vimos unos ejemplos de las últimas tendencias de diseño, el Parallax.
Hoy vamos a ver un ejemplo más de cómo hacer un slider con Parallax, en el que podemos ver cómo los elementos del diseño aparecen y desaparecen con distintos efectos.
En este ejemplo vamos a ver cómo controlar el comportamiento de cada elemento, dándole una clase. Cuando queremos desplazarlo a la derecha, por ejemplo, utilizamos la clase “da-slide-toright”.
Las clases utilizadas son:
El efecto Parallax se crea moviendo el fondo en dirección opuesta al movimiento del objeto. Con bgincrement, podremos controlar la cantidad de píxeles que tiene que moverse.
A continuación os dejo el enlace para ver y descargar el código de Tympanus.net
Notificaciones tipo iPhone con HTML5
El diseño web está muy ligado al resto de diseños tecnológicos, sobre todo al diseño realizado para smartphones. Hoy os dejo algo que seguro que os gusta. Se trata de la notificación que aparece en el iPhone (por ejemplo), cuando tenemos mensajes pendientes de leer.
Realizado en CSS3 y HTML5, aquí os dejo una demo y el código listo para descargar. Espero que os sea útil.
Casa Rural en Sevilla. El Pedroso
Acabo de entregar un Diseño Web, una web para unas casas rurales en El Pedroso, Sevilla.
Toda la web está realizada con WordPress. La web es un tres en uno, se trata de tres casas rurales en una misma web, cada una con su galería de fotos, su calendario de ocupación e incluso con su mapa Google Maps para ubicarla.
Por supuesto, al ser WordPress, la web entera es autogestionable desde su gestor de contenidos.
Internet un espacio libre
