This responsive Garmon (A Russian accordion-like instrument) is certainly one of those “why not” demo’s thats too good to ignore. You simply have to resize the browser window to hear the music play.

There is no real special sauce here, the garmoshka itself is pure css, and, as the window is resized javascript detects the events and starts the html audio element playing.

Garmoshka – by Artem Polikarpov

Bennett Feely’s CSS Creatures are an creative assortment of just that, little monsters born of cute smiles, plushy round bodies and cleverly crafted CSS. You can see exactly how each individual is made on codepen and have your very own by sending a tweet to @csscreatures (instructions on the page).

CSS Creatures by Bennett Feely (@bennettfeely)