Te damos la bienvenida a Diseñar en el navegador con nuestro host, Una Kravets. Los toques interactivos pueden ser muy útiles para la comprensión de los usuarios en un entorno digital, pero también pueden dejar a algunos desorientados y frustrados, lo contrario al efecto deseado.
Entonces, hablemos de cómo podemos evitar esto y de cómo podemos asegurarnos de incluir nuestros bonitos SVG animados y los botones que se utilizan para colocar el cursor sobre los botones y, a la vez, garantizar que los usuarios, que pueden experimentar un poco de animación frente a ellos, también puedan disfrutar de tu sitio. Demostraremos cómo usar la consulta de medios “prefers-reduced-motion” para mejorar progresivamente la animación en tu sitio web. También te mostraremos cómo crear un interruptor simple de “reducción de animación”.
Vínculos:
- Media Queries 5 → https://goo.gle/2RVQxLw
- Demostración de cambio de tarjeta base → https://goo.gle/3mSd1vf
- Demostración de movimiento reducido de preferencia →https://goo.gle/2G9hgl8
- Demostración de la casilla de verificación de reducción de movimiento → https://goo.gle/306S1XM
Cómo diseñar en el navegador → https://goo.gle/2NeLxjI
Suscríbete a Chrome Developers → https://goo.gle/ChromeDevs