Apr 29th — 2017

Quick demo of Spatial Aware UI Elements

Tags —
  • front-end

  • The building blocks of this website expand to show more information on hover.
  • In a responsive world expanding-anything can be a troublesome journey as a developer.
  • I needed to make sure that even if the user is browsing from a small tablet the tiles wouldn't leak outside it's parents bounds so that I could avoid problems with horizontal scrolling.

I extracted the code from my portfolio into a small demo below. Have a play around, fork it, steal it, claim it or give a comment.

See the Pen dWWppX by Sebastian Graz (@umbriel) on CodePen.

icon Created using Figma

Show comments

comments powered by Disqus