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…
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…
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: …
Go here and have a look: The key to this visual effect is using the CSS pseudo-element ::before in order to set a background image to the text box, which is then convolved with the underlying image using the…
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…
