Tag Archives: scroll

El efecto parallax en la web

15 Oct
Moon Patrol, el culpable de popularizar el efecto Parallax

Moon Patrol, el culpable de popularizar el efecto Parallax

Para todos los que no sepáis que es el efecto Parallax, es una técnica de scroll que mediante la superposición de varias capas y el movimiento independiente de estas, crea una sensación de profundidad. Para entender mejor este aparente sinsentido, vamos a Wikipedia.

Este efecto se utiliza tipicamente en los videojuegos, sin ir mas lejos, el primer ejemplo lo encontramos en el Moon Patrol de 1982 y desde entonces se ha usado para suplir la carencia de profundidad que nos dan las representaciones bidimensionales, ya sea un videojuego, o como en este caso una web.

Últimamente he visto varias webs que usan este efecto, incluso un plugin para jquery que lo genera y por pura casualidad he encontrado este articulo de Productive Dreams que recopila y aporta información sobre el tema.

Ahí queda la ración de frikismo.

Link: Artículo | Wikipedia | Ejemplo | Otro Ejemplo |

10 ejemplos impresionantes de scroll con JavaScript

6 Oct

Helikopter nos deja una recopilación de 10 efectos de scrolling aplicados a páginas webs completas. Cuando lo veais lo entendereis.

Lo cierto es que algunos son acojonantes, especialmente Sursly y Peter Pearson. Es increible como en esta última aparecen dibujos de la nada, que supongo creará utilizando pngs transparentes, pero no tengo ni idea, sinceramente.

Muy recomendable.

Link: 10 Great Examples of the javascript scrolling effect

A %d blogueros les gusta esto: