Fringe

An interaction concept for a new type of UI element

Criado com JavaScript, HTML5, Multi-touch, CSS3,

  • 152 visualizações
  • 0 comentários

Mais comentários do autor sobre esse demo

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.

Sem comentários.

Entrar para adicionar o seu.

Sobre esse demo

Baixar o código fonte292.63 KB · arquivo ZIP

Browse the Source

Esse demo está sob a licença GPL.