Demos for 2015

 
Year of the Goat
A CSS animation for Chinese New Year.

 
Trail of Hearts
Whimsical DOM magic for Valentine's Day.

 
LKY Memorial
A HTML/CSS overlay to commemorate the death of Lee Kuan Yew.

 
The Ngerng Effect, a.k.a Infinite Scroll
An infinitely crolling page with nonsense content.

 
Faux 3D Easter Egg
Rotating 3D Easter Egg.

 
The Lightbox Effect
Replicating the dimmer/popup effect.

 
CSS CAPTCHA
Proof-of-concept of a CSS-generated CAPTCHA.

 
CSS Rainbowlizer
Making a rainbow overlay on a profile pic.

 
Wheel of Fortune
A Roulette Wheel with results.

 
HTML5 Placeholder
Simulating the HTML5 Placeholder tag in older tech.

 
Remembering Paris
A CSS to commemorate the bombings.

 
A Christmas Animation
Christmas-themed animation for web greetings.

INFO
A collection of widgets and little programs I've compiled (and sometimes use) over the years. Some of it is obviously just for fun, and some of it can be used (and has been used) in various projects. Quite a few of them are Proofs of Concept. This is the stuff I get up to in my free time.

Please note that not all of them conform to accepted best practices. In fact, many of them don't. The key thing here is the idea behind, not so much the implementation.

I have made a point of indicating the technologies used (predominantly HTML, CSS and JavaScript) and the browsers I have tested the code on. If the code does not run on the browser indicated, check out the GitHub source; likely there is a branch within the repository that will work as advertised.
COMPLEXITY
Measures how many interconnected moving parts it took to produce this demo, and how complex these parts are.
Commercial or enterprise-level complexity.
Multiple moving parts, moderate complexity and properly abstracted.
Multiple moving parts with moderate complexity.
Multiple simple moving parts.
Student or hobbyist level. Minimal moving parts.
APPLICABILITY
Application in the real world.
Ubiquitious usage.
Widespread usage.
Useful functionality for general use cases.
Useful functionality for narrow use cases.
Theoretical only, or very simple functionality.