Texonom
Texonom
/
Application
Application
/Network Science/ICT/Computer Network/Internet/WWW/Web Development/Web API/Web Media API/
Web Animation API
Search

Web Animation API

Creator
Creator
Seonglae Cho
Created
Created
2022 Feb 26 18:29
Editor
Editor
Seonglae Cho
Edited
Edited
2023 Apr 28 16:0
Refs
Refs

WAAPI

Web Element.animate
 
 
 
 
FLIP과 WAAPI를 이용한 React 애니메이션
들어가기 앞서 Visual Feedback을 통해 유저에게 더 나은 경험을 제공할 수 있다는 것을 짚고 넘어가려 합니다. 동적임에도 정적으로 느껴지는 UI는(DOM Element가 '띡'하고 나타났다 사라지는 등) 유저에게 미세한 인지부하를 일으킬 수 있습니다. 컨텍스트가 '전환'되는 상황을 유저 스스로의 힘으로 파악해야 합니다. 개발자가 조금 더 신경쓴다면 이는 큰 UX 개선으로 이어질 수 있습니다.
FLIP과 WAAPI를 이용한 React 애니메이션
https://goohooh.github.io/animation/flip_animation_with_react/?fbclid=IwAR3Da7IdU7wqJvFjnP7Yg4Qzr6letsIIpCFrPzR2K-ue3M3YsFUp9kiOhq8
FLIP과 WAAPI를 이용한 React 애니메이션
Web Animations API - Web APIs | MDN
The Web Animations API allows for synchronizing and timing changes to the presentation of a Web page, i.e. animation of DOM elements. It does so by combining two models: the Timing Model and the Animation Model. The Web Animations API provides a common language for browsers and developers to describe animations on DOM elements.
Web Animations API - Web APIs | MDN
https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API
Web Animations API - Web APIs | MDN
 
 

Recommendations

Texonom
Texonom
/
Application
Application
/Network Science/ICT/Computer Network/Internet/WWW/Web Development/Web API/Web Media API/
Web Animation API
Copyright Seonglae Cho