Web Development
Small collection of things I made for the web. Mix of educational materials (made to teach people more about programming) and various utilities.
Simple Lightbox
Plug and play lightbox/gallery implementation for websites, made with simplicity and as little code footprint as possible in mind.
During 'The Dark Ages' (my web-development days) I often had clients/worked with people who _really_ wanted a gallery on their website. Most of the times I just opted for something open source and free to use (MIT License or similar), those solutions however, were too much for what was actually required, so I decided to write my own implementation of a very simple 'batteries included' gallery/lightbox.
Below is a simple demo, you can click on the image to see a magnified version of it. This library also allows for dynamic photo fetching from a folder, creation of multiple galleries and a simple modal window opening/control. It's simple and vast majority of its features (apart from a dynamic fetch call) work 100% offline.
Photos used in demo: courtesy of Unsplash
Drawing on JS Canvas
This simple program/demo was made for educational purposes.
Since I sometimes teach students about programming, I also try to pose some 'challenges' (more like fun exercises) for what project(s) they should tackle next. One of those 'challenges' was the following: write a simple pixel-art drawing program for the web (since it's the simplest in terms of getting graphics to display on the screen), with some focus on user interaction, undo-redo (optional) and overall architecture.
Below is my example solution for this 'challenge', it was really nice to see students tackle it (regardless of the eventual outcome), since it provided most with the—very scarce nowadays—joy of programming.
Press 1 - Red
Press 2 - Blue
Press 3 - Erase