Games & Web Gadgets
Web development takes many forms. The examples here focus primarily on front-end related functionality.
That is to say, the user-facing elements of an application be it a game such as a hangman puzzle,
or a tool such as a specialized calculator to convert between human readable dates and computer readable epoch values.
Some front-end applications can be complex, such as calculating time cards, generating color schemes to be consumed
by a browser, or favorite icons.
If you are learning about web development, viewing the source from many of these tools may provide
examples of coding style and hints about how certain problems are tackled.
Once upon a time, you did this by "viewing source". Nowadays, you need to use the developer console.
shows the static source code returned to the browser by the web server. The developer console shows the living state of the application while it exists
in the browser's memory. It's complicated, but not insurmountable to understand! And, it's cool!)
various customized word lists, picture lists, and even sound effects, all of which could be launched from a
client's web site and played by their visitors without requiring any downloading or installation of software
(it all runs in the browser). This approach is becoming more popular with HTML5 and many of the libraries that
have appeared since it was written.
This is where the hangman puzzle engine code lives. This is a non-branded entry point (without the custom links from the hangman.bappy.com example above).
Solving a jigsaw puzzle on your phone or browser is a great way to decompress with a few minutes.
It's also easier to put down and come back to later without the mess to clean up.
A fun wrinkle on the classic wordsearch concept, using a hexagonal matrix for word find.
A basic proof of concept using US States Capitals.
I wrote this tool in response to an acquisition which changed my friends positions from salary-based to hourly
It was a fun little project and provides an example of front-end development which gets used by lots of people all
over the Internet.
Add it to your website.
This is an example I wrote years ago to help solve a problem we were working on at a web hosting job early in my
I still use it often as it solves a problem programmers dealing with dates run into all the time!
This tool is helpful for creating gradients and color combinations often found in web pages.
(The ColorZilla browser plugin is also really helpful!)
This is another awesome third-party tool which is very handy for folks who appreciate what a favicon is.
(It's the little branded icon that appears beside a bookmark for your site if you didn't know.)