MJ, my blog mascot, has the unique ability of being able to balance coffee cups on his head while upside down. This is reflected in a design concept I made last year for my blog. In experimenting with new article layouts, I thought about what it would be like to have MJ stick to the side of the screen as the user scrolled. Then I thought what if MJ rotated!
Here is MJ at the point that proves his magic coffee cup doesn’t spill:
The MJ cat mascot upside down with an arrow pointing at it that has the message “a magic coffee cup that doesn’t spill”. This is the only feature in the sidebar. The sidebar is next to the main article text.
I, on the other hand, regularly spill coffee.
You can view the web page and its source code if you want to take a peek to see how the scroll-based animation works!