Fringe

An interaction concept for a new type of UI element

Dibuat menggunakan JavaScript, HTML5, Multi-touch, CSS3

  • 88 views
  • 0 comments

More About This Demo From The Author

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.

No comments yet.

Register or log in to add your own.

Get the Source Code

Download the Source 292.63 KB · ZIP File

Browse the Source

This demo is released under the GPL license.