CSS on Wouter Brunenberg

birdsandbe.es Dagelijkse Puzzel

Tue, 24 Mar 2026 00:00:00 +0000

Overview 🗺️

Dit is een dagelijks puzzelspel dat ik heb gemaakt omdat ik zulke spellen al in mijn dagelijkse routine had (Wordle, enclose.horse, dagelijkse LinkedIn-spellen). Het idee ontstond toen ik aan het eten was en om de een of andere reden bedacht hoe de voorwerpen op tafel geplaatst zouden moeten worden zodat licht/lasers van opzij zo veel mogelijk oppervlak zouden bedekken. Ik heb het idee meteen opgeschreven en de dag erna meteen aan de slag gegaan. In ongeveer 2 weken, waarbij ik er steeds aan werkte wanneer ik daar zin in had, had ik een afgerond product, een puzzelgenerator en een algoritme waarmee ik snel de optimale oplossing(en) kon vinden voor elke puzzel die ik het gaf.

Quote Normalizer Browser Extension

Sun, 29 Jun 2025 00:00:00 +0000

Overview 🗺️

This is a project I made for fun, because I thought it would be nice to always have the same kind of quotes on websites. I could not find a solution that offered that service, so I made it myself in a few hours. I had never created a browser extension before this, so I was excited to try it.

Install link for Firefox

Technologies Used 🛠️

JavaScript
HTML/CSS

Showcase 📸

Sesamstraat‑website

Sun, 30 Oct 2022 00:00:00 +0000

Overzicht 🗺️

Voor dit project moest ik een website maken rond een zelfgekozen thema. Ik koos voor Sesamstraat: de stijl spreekt me aan en het is lekker nostalgisch. De site moest aan een aantal eisen voldoen: vijf pagina’s met elk een eigen lay‑out, responsive met media queries en een webformulier (buiten de vijf pagina’s om).

Technologieën 🛠️

HTML
CSS

Uitdagingen en oplossingen 🧗🏻

CSS onder de knie krijgen vond ik best lastig. De basis snapte ik wel, maar ik kende lang niet alle properties en vooral flexbox was verwarrend. Align‑items, justify‑items, align‑content en justify‑content haalde ik vaak door elkaar. Daardoor kostte het project meer tijd dan gedacht, maar ik was wel ruim voor de deadline klaar.