Archivo de la etiqueta: diseño

Jugando con JQuery para hacer animaciones

He estado jugando estos días con Jquery para hacer animaciones chulas dentro de una web. Y la verdad es que me han quedado algunas cosas chulas. Aquí os enseño algunos ejemplos.

Noche y día. Esta es la animación que más gusta, pero principalmente se debe a que me gustan las imágenes que se usan. Seguramente si no fueran tan chulas sería una animación bastante cutre. Mueve el scroll hacía arriba o hacía abajo para que salga o se ponga el sol. Por otro lado en la otra animación la bicicleta se va moviendo solo mientras se oscurece el cielo.

Creditos finales. Esta es perfecta para una página de ‘quienes somos’ de cualquier empresa de diseño web. Es una animación supersencilla pero muy curiosa que simula los titulos de credito finales de una película.

Casillas. Si sois aficioandos a los juegos de tablero o de rol os sonarán las casillas de juego hexagonales. Aquí os presento un sistema para mover una pieza blanca sobre un tablero de casillas hexagonales ( se usan las teclas W,E,D,X,Z,A)

Parallax. Este fue mi primer fecto de animación y de parallax. Simplemente mueve hacía abajo el scroll y veras como se mueve el pajarito y las nubes de fondo. Es una pena que no consiguera que el pajaro se parara encima de la otra rama que estaba en el pie de la web.

Super Woko Bros. Este es lo máximo que he llegado en animaciones con Jquery y aun así esta en pañales. La idea erá hacer una especie de Super Mario Bros, pero me queda mucho por hacer. Podeís moveros con A (izquierda), D (derecha), W (saltar) y S (agacharse).

Mi experiencia con Foundation de Zurb

autoescuelagoAcabo de lanzar AutoescuelaGO.com, un nuevo proyecto que he estado desarrollando en Wokomedia.com. Es un WordPress a pelo pero lo más especial que tiene es que he desarrollado todo el diseño en Foundation de Zurb. La verdad es que me ha aparecido un framework de desarrollo buenisimo y muy facil de usar. En pocas horas tenía un prototipado de la web funcional y en unas pocas horas más tenía integrado el diseño que me habían pasado. Con la ayuda de algunos trucos como el smooth scrolling de Artberri ha quedado un proyecto muy chulo y con mucha fuerza visual.

El tema del responsive no me ha quedado muy bien (sobre todo por los temas de los elementos fijos como el menu superior), pero espero terminar de pulirlo poco a poco. Por cierto a tenor de todo esto ODIO IE8 (y no me simpatizan el resto de sus versiones).