Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live.

John Woods

Any fool can write code that a computer can understand. Good programmers write code that humans can understand.

Martin Fowler

If you think it's simple, then you have misunderstood the problem.

Bjarne Stroustrup

Most of you are familiar with the virtues of a programmer. There are three, of course: laziness, impatience, and hubris.

Larry Wall

Intelligence is the ability to avoid doing work, yet getting the work done.

Linus Torvalds

Adding manpower to a late software project makes it later.

Brook's Law

Demos for 2022

 
CNY 2022 Lucky Number Generator
Redone Lucky Number Generator widget with abstraction for future additions.

 
The Valentine Letter
A frivolous romantic animation in HTML/CSS/JavaScript, with time-specific functions.

 
Ukraine Protest Art Generator
Simple protest art generator for Ukraine invasion.

 
Highcharts Line Chart
Highcharts Line Chart with dashboard selectors

 
Easter Egg Hunt
Choose Your Own Adventure style jQuery game

 
Florida Man Headline Generator
Funny and frivolous Florida Man headline generator using VueJS

 
ReactJS Japtrainer
ReactJS created app for Japanese character set training

 
Highcharts Pie Chart
Highcharts Pie Chart with dashboard selectors

 
Collision Detector
VueJS script to help detect collision between two objects with varying co-ordinates and sizes.

 
D3 Heatmap
Animated heatmap rendered using D3 and SVG

 
Highcharts Heatmap
Highcharts Heatmap with dashboard selectors

 
The Christmas Flipbook
jQuery Flipbook with user-controlled animation

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.