Bem-vindo ao curso "Design no navegador", com nosso anfitrião, Una Kravets. Toques interativos podem ser ótimos para a compreensão do usuário em um ambiente digital, mas também podem deixar alguns de seus usuários desorientados e frustrados, o oposto do efeito pretendido.
Vamos falar sobre como podemos evitar isso e como incluir nossos SVGs animados fofos e botões ao passar o cursor, além de garantir que os usuários que possam ficar um pouco enjoados ao verem muita animação na frente deles também possam aproveitar seu site. Demonstraremos como usar a consulta de mídia "prefere movimento reduzido" para aprimorar progressivamente a animação no seu site. Além disso, mostraremos como criar uma chave simples de "redução de animação".
Links:
- Consultas de mídia 5 → https://goo.gle/2RVQxLw
- Demonstração de virada de cartão de base → https://goo.gle/3mSd1vf
- Demonstração de movimento reduzido de preferência →https://goo.gle/2G9hgl8
- Demonstração da caixa de seleção de movimento reduzida → https://goo.gle/306S1XM
Como projetar no navegador → https://goo.gle/2NeLxjI
Inscreva-se no canal de desenvolvedores do Chrome → https://goo.gle/ChromeDevs