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.
Tailwind CSS and Refactoring UI
New Podcast
Tailwind CSS founder Adam Wathan is the latest Yo! Podcast guest.