HTML, CSS and JavaScript Demos

Screenshot of A Drum Kit for Oliver

A Drum Kit for Oliver

A basic drum kit created for my grandson and favourite baby human, Oliver.

audio css html javascript

Screenshot of Debian Wallpaper Generator

Debian Wallpaper Generator

An interactive web demo that creates simple but attractive wallpapers for Debian Linux.

canvas debian javascript tools

Screenshot of Strong Memorable Password Generator

Strong Memorable Password Generator

A password generator for creating strong and memorable passwords. This tool is capable of creating over 14 billion unique passwords.

javascript passwords tools

Screenshot of Halloween Horror Eyes

Halloween Horror Eyes

At short notice, I was asked to create some blinking eyes to be displayed on mobile devices and used for a Halloween Haunted Walk charity event. Sometimes I get to work on really important stuff, and sometimes I get to work on goofy stuff. I think this sits squarely in the goofy category.

animation halloween javascript video

Screenshot of TODO List Application

TODO List Application

A simple todo list demo application. This application is for demonstration purposes only and is not intended to be used as a personal todo app.

bootstrap javascript tools

Screenshot of Desktop Wallpaper Generator

Desktop Wallpaper Generator

An interactive web demo that creates coloured desktop wallpapers featuring the GNOME foot logo. GNOME and the foot logo are trademarks of the GNOME Foundation.

colours gnome gradients javascript svg

Screenshot of War - A Digital Poem

War - A Digital Poem

About 20 years ago I wrote a poem and scratched out a doodle to accompany it. I'm no poet and I'm almost entirely sure that it is the only poem I have ever written. That said, I'm actually quite proud of my effort and given what is currently happening in Ukraine and the Middle East, I thought I would share it in the form of an interactive digital poem.

javascript poems

Screenshot of Canvas Animation: 404 Not Found

Canvas Animation: 404 Not Found

A long time ago in a galaxy far, far away, there was a web developer who wanted a silly animation for his custom 404 error page.

animation canvas javascript

Screenshot of Canvas Icon Resizer

Canvas Icon Resizer

Quickly create different sized (512x512, 256x256, 192x192, 128x128, 64x64, 32x32 and 16x16) square icons from a base image. Pick and choose which icons to download.

canvas images javascript tools

Screenshot of Colour Gradient Explorer #2

Colour Gradient Explorer #2

A lazy man's colour gradient generator. Enter a single colour value and the demo will attempt to generate a lovely colour gradient by incrementally adjusting the RGB values of the base colour. Version #2.

canvas colours gradients javascript

Screenshot of Colour Gradient Explorer #1

Colour Gradient Explorer #1

A lazy man's colour gradient generator. Enter a single colour value and the demo will attempt to generate a lovely colour gradient by incrementally adjusting the RGB values of the base colour.

colours gradients javascript

Screenshot of JavaScript Emoji Slot Machine

JavaScript Emoji Slot Machine

An emoji slot machine demo. Spin the wheels for a game of chance with added poop jeopardy!

audio games javascript

Philip Newborough and a donkey enjoying a beer.

About

My name is and I’m a full stack web developer living and working in Lincoln, England. This website (philipnewborough.co.uk) serves as my personal homepage. When I’m not working with tech, I love to ride bicycles with my wife and friends.

← An IndieWeb Webring πŸ•ΈπŸ’ β†’