simurai: 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.
View Separately

simurai:

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.

Source: simurai

pants: Simplifying CSS Gradients

vogtjosh:

A few days ago, a post went up on the Surfin’ Safari blog announcing changes to the CSS3 Gradient syntax. The two important points in the post are:

  • The syntax is being simplified
  • Both WebKit and Mozilla are implementing the changes

This is great news because not only was the WebKit syntax a…

Source: vogtjosh

Design Sneak Peek Haven’t touched it in a while, but here’s a peek at what the CheezHQ Status Board is looking like these days. This is a little side project that I’ve been tinkering with in my free time, inspired by Panic’s status board. Right now it can display a number of different metrics, show/hide things and update in real-time. There’s still so much more I want to do with it. It uses a lot of -webkit / CSS3 stuff, so Chrome and Safari are the best way to display it at the moment. The font is League Gothic, from the League of Movable Type. Any questions/feedback?
Pop-upView Separately

Design Sneak Peek

Haven’t touched it in a while, but here’s a peek at what the CheezHQ Status Board is looking like these days. This is a little side project that I’ve been tinkering with in my free time, inspired by Panic’s status board. Right now it can display a number of different metrics, show/hide things and update in real-time. There’s still so much more I want to do with it. It uses a lot of -webkit / CSS3 stuff, so Chrome and Safari are the best way to display it at the moment. The font is League Gothic, from the League of Movable Type. Any questions/feedback?