Category Projects

Weppi Converter – WebP Image Conversion

In the era of content-heavy websites and digital platforms, image optimisation has become a cornerstone of web performance. One new innovation in this area is the WebP format, which offers better compression while maintaining image quality. To this end I…

Online Star Map

an image from my app

This is my most complete Full Stack project so far, and required applying knowledge and experience from many domains. I can outline them as follows: At heart this program was an exercise in data visualisation. It uses a custom made…

Procedural Art: Synthcity

An image from the project.

This was another exercise in pure HTML All the complicated looking stuff, such as the ray lines, are procedurally generated. If you’re a maths person you can probably guess how I did it, if not, oh well. View here: …

Palette Generator

I made this with front-end framework Vue.js, which is excellent by the way. Why A Palette Generator? In design it is frequently required to create a palette of colours to give a theme a coherent feel that conveys a certain…

Parallax Effects in HTML/CSS/JS

Parallax – for an observer in motion relative to a set of objects, those objects apparent position will change in inverse proportion to the distance of the observer. More simply: things far away move a little bit, things close move…