Construir una página web en html5 con la tecnología parallax scrolling está de moda. Mostrar la información de un sitio en usa sola página, que cambia según se utiliza la barra de desplazamiento, para programar el scroll vertical/horizontal y modificar el contenido, produce un efecto muy llamativo, para atraer la atención del visitante.

La técnica de parallax scrolling ofrece un pseudo-3D donde el fondo y el primer plano (o más capas) que se mueven a distintas velocidades para crear la ilusión de movimiento en profundidad.

Para crear el efecto se utilizan las hojas de estilo en cascada CSS y código javascript. Existe un magnífico framework Parallax, con el que aparte de ganar en sencillez en la programación, podemos hacer que el efecto controle todo tipo de eventos: movimiento del ratón, clics, scroll vertical, redimensionado de la ventana, etc.

Pero hay que tener cuidado de programar bien el efecto parallax scrolling, para que le información no pierda protagonismo. Estos son 11 sitios que realizan esta tarea con mucho éxito, permitiendo complementar la información con diseño y animación:

Angry Birds Space.

Cultural solutions uk.

Head to Heart.

Hyundai Veloster.

Journey for a better world.

Nike better world.

Iutopi.

New Zealand 100% Pure.

Online Portfolio von Jan Ploch.

Redirect Digital Marketing.

Volkswagen Beetle.

Más ejemplos en: webdesignledger, visualswirl, slodive, wabbaly…