Parallax en uso real
Mayo 29, 2008 @ 22:43
CSSLabLuego del anterior artículo develando cómo se realiza el efecto Parallax con CSS, surgieron dudas de su real aplicación en proyectos web. Así como se presentó no tiene mucho sentido, y como mencioné, es difícil verlo aplicado sin que se note el efecto que produce (ya que el usuario no suele modificar el tamaño de la ventana de su browser). Así que para paliar esa frustración que surgió en los comentarios, me propuse inventar un método para verlo funcionando de acuerdo a la interacción del usuario con el sitio. Primero intenté con el movimiento del mouse sobre la superficie de la ventana (con lo que hice para el sitio de 2monos), pero no funcionó por problemas de posicionamiento relativo de los elementos. Luego, pensé en movimiento horizontal mediante anclas; algo que ya había utilizado en otras ocasiones anteriores. Felizmente logré integrarlo a través del grandioso Mootools.

Articulos relacionados:Logos en el MundoReal™
Fanboy es palabra oficial
Atlas del MundoReal™
iPhone 3G: mucho más rápido en la publicidad que en el mundo real
Shape Shifter un concepto touchscreen interesante
Permalink
Via CSSLab
Diseño, CSS, Javascript, efectos, mootools