new icn messageflickr-free-ic3d pan white
Cassette Tape Web UI Prototype - 07/22/2012 | by Schill
Back to album

Cassette Tape Web UI Prototype - 07/22/2012

Side-project of the moment: Making a web UI (HTML + CSS + JS) for playing MP3s, based on classic cassette tape designs like the TDK MA-R90. This ties into SoundManager 2 for the audio controls, and uses CSS animations as you might imagine.

 

I've had some design help on this one from Brian Scates, who's provided renderings of the tape reels, spokes, body texturing and highlights. A number of skin/theme and design ideas are being played with, and this one looks to be going in a good direction.

 

There is a lot of border-radius and percentage-based positioning and dimensions in use, with the intent of having a possibly-fluid UI. It's a fun little work in progress.

1,751 views
2 faves
3 comments
Uploaded on July 23, 2012