Flipping
https://github.com/davidkpiano/flipping
FLIP技術給Web佈局帶來的變化
https://www.w3cplus.com/javascript/animating-layouts-with-the-flip-technique.html
使用者介面是最直觀的呈現給用戶，而其中動畫在這方面又扮演著重要的角色。UI動畫在用戶體驗方面也是重要的一環，很多同學都認為，動畫通常在用戶體驗方面僅僅是錦上添花，並且被認為是不必要的、過渡的或太複雜的，無法實現的，也是因為這些原因，UI動畫在很多Web應用中被忽略了。我們將一起探討你可能熟悉的某一類有意義的增強用戶體驗的UI動效。這種技術有一個專業術語，即FLIP（First, Last, Invert, Play）。FLIP技術可以以一種高性能的方式來動態的改變DOM元素的位置和尺寸，而不需要管它的佈局是如何計算或渲染的（比如，height、width、float、絕對定位、Flexbox和Grid等）。在改變的過程中將賦予一定的動效，從而達到我們所需要的目的，讓UI動效更為合理，相應增強用戶的體驗。
#FLIP, First, Last, Invert, Play, UI, 佈局, 動畫效果, 體驗
https://github.com/davidkpiano/flipping
FLIP技術給Web佈局帶來的變化
https://www.w3cplus.com/javascript/animating-layouts-with-the-flip-technique.html
使用者介面是最直觀的呈現給用戶，而其中動畫在這方面又扮演著重要的角色。UI動畫在用戶體驗方面也是重要的一環，很多同學都認為，動畫通常在用戶體驗方面僅僅是錦上添花，並且被認為是不必要的、過渡的或太複雜的，無法實現的，也是因為這些原因，UI動畫在很多Web應用中被忽略了。我們將一起探討你可能熟悉的某一類有意義的增強用戶體驗的UI動效。這種技術有一個專業術語，即FLIP（First, Last, Invert, Play）。FLIP技術可以以一種高性能的方式來動態的改變DOM元素的位置和尺寸，而不需要管它的佈局是如何計算或渲染的（比如，height、width、float、絕對定位、Flexbox和Grid等）。在改變的過程中將賦予一定的動效，從而達到我們所需要的目的，讓UI動效更為合理，相應增強用戶的體驗。
#FLIP, First, Last, Invert, Play, UI, 佈局, 動畫效果, 體驗
留言
張貼留言