Fringe

An interaction concept for a new type of UI element

建立方法 JavaScript, HTML5, 多点触控, CSS3,

  • 140 次观看

有关此演示作者的更多信息

Everyone loves using drawers in their phone or tablet applications. The great thing about them is that since they usually use an edge, they are very easy to target (Fitts law). They are also very fun to interact with.

This demo shows a basic example of how drawers can be added to various edges of a UI element to tuck away extra functionalists or detail information. This helps keeping the interface clean without sacrificing functionality.

I hope to extend this demo in future to improve the animations (ex: auto snap) and also to make it more generic.

关于此演示

下载源代码 292.63 KB · ZIP 格式

Browse the Source

此演示发布于 GPL 授权之下。