Shiny.js

Minimal One Pager showcasing how the Shiny.js library works. Simply open it up on mobile and tilt your device to see the impressive shine effect! The library can add shiny reflections to text, backgrounds, and borders on devices that support the DeviceMotion event.

For the past couple of weeks I've been experimenting with the 'deviceorientation' event, I figured I could use it to make materials on the web come to life on mobile devices (read "devices that have gyroscopes"). The result of this is Shiny.js, a tiny JavaScript library that can add reflections to text, backgrounds, and borders. Resulting in more lifelike graphics.
Jess and I rap about the ice-cream industry, UX design, podcasts and the need for curation online.
New Podcast
Product Designer Jess Eddy is the latest Yo! Podcast guest.