A few demos on thewebrocks.com

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