An interaction concept for a new type of UI element

利用技術: JavaScript, HTML5, マルチタッチ, CSS3,

  • 閲覧数 243
  • コメント数 0


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.


Log in to add your own.

About this Demo

ソースをダウンロード 292.63 KB · ZIP ファイル

Browse the Source

このデモは GPL ライセンスの下で公開されています。