Dostępna animacja – projektowanie w przeglądarce

Witamy na kursie „Projektowanie w przeglądarce” z naszym gospodarzem, Uną Kravets. Interaktywne interakcje mogą być znakomite w przypadku użytkownika w środowisku cyfrowym, ale mogą też dezorientować i sfrustrować niektórych użytkowników, co jest przeciwieństwem planowanego efektu.

Porozmawiajmy więc o tym, jak tego uniknąć i jak dodać do witryny urocze animowane pliki SVG i przyciski w cudzysłowie, a jednocześnie zadbać o to, aby użytkownicy mogli poczuć mdłości, gdy zobaczą sporo animacji. Pokażemy, jak korzystać z zapytania o media „prefered-reduced-motion”, aby stopniowo ulepszać animację w witrynie, i jak utworzyć prosty przełącznik „zmniejsz animację”.

Linki:

Projektowanie w przeglądarce → https://goo.gle/2NeLxjI

Zasubskrybuj kanał dla deweloperów Chrome → https://goo.gle/ChromeDevs

Wróć do wszystkich odcinków