GitHub

Featured

A basic HTML page with folder structure and basic CSS and JavaScript files in place.

A simulator for Disasters The simulator runs various disaster scenarios every year and calculates the amount of damage caused.

AJAX

Get files via ajax. This uses vanilla JS ajax, no third party library. Retrieve a single file or a multiple files with the ajax registry.

Snippets

collection of small blocks of code

Demos

Featured

HTML 5 Canvas and Vanilla JavaScript - One of the first things I ever built

Look at what you can do with HTML 5 Canvas. This was one of the first programs I built. I used qbasic so many years ago

HTML 5 Canvas and Vanilla JavaScript

Look at what you can do with HTML 5 Canvas.

JavaScript Object Inheritance

An example of object inheritance in JavaScript

Facade Design Pattern

This is useful when you want to hide ugly yet necessary code. The Facade acts as a better looking interface to work with, that has encapsulated the ugly code.

Singleton Design Pattern

This is useful when you only ever want one instance of an object. The singleton wraps the object inside an IFFY

Factory Design Pattern

This is useful when you want create an object based on type, while keeping it loosely coupled using abstractions that the factory uses to get the concretes. This means when updates are made to the concretes you only need to updates the abstractions, and every other place that uses the abstraction will be handled by the factory.

Revealing Module Design Pattern

This is useful when you want to bundle up like minded methods into an object. The module pattern utilizes private methods that are only accessible from within the object. There is typically no need to have multiple instances of a module.

Create a JavaScript Object

An example of how to create a JavaScript Object.