Urgent Question — Browser Experiment
01 / THE PROBLEM & FOCUSBehind the
Behind the
experience.
A playful yes/no interface with an evasive button, floating hearts, and a celebration state.
The Kinky repository contains a single-page interaction experiment. Pointer and touch events reposition a button, while JavaScript and CSS create floating elements and a changing confirmation screen.
Implementation focus
- Pointer and touch event handling
- Dynamic DOM updates and randomized positioning
- CSS animation and celebration states
02 / TECHNICAL & DESIGN DECISIONSThe decisions
The decisions
behind the interface.
01
Start with a question
Use a simple prompt as the center of the experiment.
02
Make it react
Respond to pointer and touch input with position and scale changes.
03
Celebrate the answer
Switch the interface state and introduce a burst of floating elements.
03 / THE INTERFACE
A closer look.
Actual project screens. Select one to explore the details.
What came out of it.
A live single-page browser experiment with its full source available.
Live demo for Urgent Question — Browser Experiment (opens in a new tab)Source for Urgent Question — Browser Experiment (opens in a new tab)
Explore my GitHub profile UP NEXT / 09