Warning: This may only be of interest to web nerds, but I am totally amazed by the work of simurai. He’s an interaction designer creating stunning work on the cutting edge of web technology. Here, he created an audio player using only HTML & CSS. Again, for non web nerds, that is significant because usually this type of thing wasn’t possible without heavy (download-wise) Flash. HTML5 is relatively uncharted territory, especially for something this interactive and animated.
ZEN is a HTML5-CSS3 Audio Player. I’m really happy how the little details turned out. Like how it morphs from a circle to a square button, the swirl at the beginning or the skipping of the record if you hold the progress bar.
But what I like most.. At the beginning, there is just a big simple button. You click it, and it shows its fancy pants. You click it again, back to the simple. It’s like the visuals match the sound. From a relaxing Zen garden into a crazy club and back.
See the demo.
