JS

The Cursor Monster is a little CSS3/JS toy that you can play around with. To hide the cursor once the monster eats it, you can use this CSS: cursor: none; But be careful, it can be super confusing if you abuse it. Update: Apparently Chrome will disable it in a future release, so enjoy while you can.  Feed the monster

The Cursor Monster is a little CSS3/JS toy that you can play around with. To hide the cursor once the monster eats it, you can use this CSS:

cursor: none;

But be careful, it can be super confusing if you abuse it.

Update: Apparently Chrome will disable it in a future release, so enjoy while you can. 

Feed the monster

The Letter-Heads is a Firefox 4 demo that lets you experience interactive shadow art. Meet different characters made with letters and text-shadow. Animated with CSS3+JS. It’s mainly inspired by shadow artist Kumi Yamashita.  My role: Concept, Art direction, Illustration, Design and Code. Project: Firefox 4 Demo Client: Mozilla

The Letter-Heads is a Firefox 4 demo that lets you experience interactive shadow art. Meet different characters made with letters and text-shadow. Animated with CSS3+JS. It’s mainly inspired by shadow artist Kumi Yamashita. 

My role: Concept, Art direction, Illustration, Design and Code.

  • Project: Firefox 4 Demo
  • Client: Mozilla
ZEN is a demo of a single-song HTML5 Audio Player. It’s powered by jPlayer, styled and mostly animated with CSS3. I’m really happy how the little details turned out. Like how it morphs from a circle to a square button and the swirl at the beginning. 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. Credits: Thanks to @maboa and @quinnirill for some JS help. Song from Every Day by Girl Talk. See the demo.

ZEN is a demo of a single-song HTML5 Audio Player. It’s powered by jPlayer, styled and mostly animated with CSS3.

I’m really happy how the little details turned out. Like how it morphs from a circle to a square button and the swirl at the beginning. 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.

Credits: Thanks to @maboa and @quinnirill for some JS help. Song from Every Day by Girl Talk.

See the demo.

Feed me