Krypton Solid

La última tecnología en raciones de 5 minutos

Más de 30 sitios web que demuestran que Parallax no está muerto

Más de 30 sitios web que demuestran que Parallax no está muerto

El desplazamiento de paralaje se define como un sitio en el que la imagen de fondo se desplaza más rápido que el primer plano, creando la impresión de profundidad. Esa definición rígida está en la raíz de la mayoría de los mitos sobre el paralaje: no es adecuado para varias páginas, no es adecuado para sitios grandes, no se puede usar en dispositivos móviles, es una tendencia anticuada, es malo para la usabilidad, a los usuarios no les gusta. , es malo para el SEO, podría continuar …

Una mejor definición sería: Parallax scrolling es un sitio en el que los elementos se desplazan a diferentes velocidades creando un efecto dinámico.

Como todo, el desplazamiento de paralaje es malo para un sitio web cuando se hace mal. Pero muchos sitios hacen bien el paralaje.

La tendencia de paralaje de hace un par de años no se trataba realmente de paralaje, se trataba de ilustraciones planas, desplazarse eternamente para llegar al contenido, sitios de una sola página con narrativas lineales. Esas experiencias de usuario han pasado de moda, pero el paralaje en sí no lo ha hecho porque desplazarse por la Web es natural.

El paralaje moderno degrada elegantemente, carga elementos de forma perezosa y contribuye positivamente a la experiencia del usuario. Los usuarios necesitan comentarios visuales para sus interacciones, y el desplazamiento de paralaje es la manera perfecta de recibir comentarios sobre la interacción más común de la Web, el desplazamiento.

Paralaje de encabezado

Una de las implementaciones más comunes del desplazamiento de paralaje es el paralaje del encabezado. Una vez que sus ojos ven la profundidad, es difícil dejar de verla, por lo que para crear la clásica impresión de profundidad, solo necesita introducirla en el encabezado. Dejando que el resto de su contenido se desplace normalmente.

CONTENIDO RELACIONADO  Windows Phone recibe una aplicación de Instagram con todas las funciones, pero no de Instagram

Chris Roberts

esto no está cubierto

Tim de Graag

timdegraag

Semana del Diseño de Milán

designdo

Y7K

y7k

Kontor

kontor

Vinos Bill Byron

billbyronwines

Los espacios

los espacios

Karen Atherley

Karenatherley

Paralaje de texto

Parallax se usa a menudo para mejorar la UX, manteniendo el contenido de texto al frente y al centro mientras se admite contenido como imágenes que se desplazan por el usuario.

Sistemas Fletcher

fletchersystems

Arte de la industria

arte industrial

manzana

manzana

Otro escape

otro escape

Me gusta la foto

me gusta la foto

Paralaje sutil

Al igual que la ex riot grrrl cuyo único guiño a su adolescencia es un entusiasmo excesivo por el delineador de ojos un sábado por la noche, el desplazamiento de paralaje ha crecido. Los sutiles efectos de paralaje aplicados a algunos elementos crean una experiencia de navegación elegante que encanta y atrae al usuario.

Personaje

personajesf

Nueces y maderas

nueces y maderas

Tienes que amar el frontend

yougottalovefrontend

Hay Rosie

Hayrosie

Harewood Estate

harewoodestate

Paralaje de punto fijo

El paralaje de punto fijo es ideal para mantener el enfoque en su contenido principal. Este tipo de paralaje a menudo se puede lograr solo con CSS y produce sitios eficientes y funcionales. Es una técnica ideal para demostraciones de productos.

Formato

formato

Alimentado

alimentado

Simón Foster

simonfosterdesign

Paralaje clásico

Todavía se está produciendo la clásica experiencia de paralaje completa. Hay docenas de sitios que lo utilizan con gran efecto. El paralaje está mucho más allá de una tendencia ahora, es un efecto natural en la Web, como muestran estos sitios.

Pirata

piratetoronto

L’Amour Fou

lamourfou

El teléfono ligero

el teléfono de luz

Mélanie F

melanie-f

Penxo

penxo

FS Emeric

fsemeric

Rob Krar

robkrar

Martillo de terciopelo

martillo de terciopelo

Beagle

beagle

Callens y Clo

callens-clo

Deja un comentario

También te puede interesar...

Definición de Mark Zuckerberg

¿Quién es Mark Zuckerberg? Mark Zuckerberg es un programador informático autodidacta y cofundador, presidente y director ejecutivo de Meta (FB), antes Facebook, que fundó en su casa en la Universidad de Harvard en 2004, con

Definición de seguro contra fugas

¿Qué es un seguro de fugas? El seguro de fugas es una disposición de la póliza de seguro que cubre los daños ocasionados contra las empresas que se han adquirido, fusionado o dejado de operar.

La volatilidad del petróleo y cómo aprovecharla

La reciente volatilidad de los precios del petróleo presenta una excelente oportunidad para que los comerciantes obtengan ganancias si son capaces de predecir la dirección correcta. La volatilidad se mide como el cambio esperado en

BT lanza un teléfono móvil fijo

El gigante británico de las telecomunicaciones BT Group presentó el miércoles su servicio de convergencia fijo y móvil, ofreciéndolo con dos paquetes de precios. El nuevo servicio Fusion de BT, anteriormente conocido como Project Bluephone,

Definición de Buy-in Management Buyout (BIMBO).

¿Qué es el Buy-in Management Buyout (BIMBO)? Una BuyOut de gestión de compra (BIMBO) es una forma de compra participada (LBO) que incorpora las características de una gestión de compra (MBO) y una compra de

Anonymous declara la guerra a Wikileaks

En un intento reciente de asegurar la financiación, Wikileaks ha establecido un muro de pago para los usuarios que deseen acceder Información mundial archivos El grupo hacktivista Anonymous no lo aprueba. El sitio web Alarms,

jamie ebersole

La experiencia Jamie Ebersole es el fundador y director ejecutivo de Ebersole Financial. Disfruta interactuando personalmente con todos los clientes y supervisa todas las cuentas, utilizando su conocimiento integral de estrategias de inversión, gestión de