A few demos on thewebrocks.com

3D-css-tester/ IE=edge,chrome=1
time-yourself/ A quick game to test your sense of time.
brickdeck/ width=device-width, user-scalable=yes
cuberollovers/ IE=edge,chrome=1
mozilla-monument-name-finder/
bounce-a-horse/
irregular-shape-rollover/ width=device-width
doublesun/ Undoing the lame 'double sun' in Star Wars: A new hope. Just drag and drop it.
browsermemory/ initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; user-scalable=0;
pigs/ Flying pigs in Canvas
game/
browserid/ IE=edge,chrome=1
postercircle/ A demo showing off the power of CSS 3D transformations.
x-tag/
audiosprite/ IE=edge,chrome=1
context-menu/ How to use detect support, hint availability and make context menus dynamic.
cubes/ A rotating cube using 3D CSS transforms
mozhtml5/ IE=edge,chrome=1
zoom-and-pick/ Zoom and pick is a client side tool to pick colours from an image and create the CSS from the chosen colours
intros/
crop/ A demo of how you can use the context menu and canvas to provide in-browser image cropping
canvasthumber/ Batch generate thumbnails by dropping them into the page.
interaction-cam/
what2pack/ width=device-width
audiofade/
videooverlay/ IE=edge,chrome=1
targetgallery/ An image gallery in pure CSS using :target
smashing-events/ Events refresher article on Smashingmag demos
gradientsio/ Curated gradients for designers and developers.
beaniemaker/ IE=edge,chrome=1
mozmonument/ width=device-width
bunnies/ IE=edge,chrome=1
touchtest/ IE=edge,chrome=1
html5catcher/ HTML5 catcher is a simple game to catch falling elements. You can use the keyboard, move the mouse or tilt your phone or tablet to move left and right
html5-3d-css/ Making the HTML5 logo rotate in 3D space with CSS transformations
smile/ Because sometimes you want to leave a rotating trail of smileys on a page.
mdnmgm/ Making a MGM style intro with the MDN logo and CSS transitions
3D-photo-rollover/ IE=edge,chrome=1