Deze site, met de hand ontworpen en gebouwd

Je kijkt er nu naar

Geen framework, met opzet

Een portfolio is de plek om je hand te tonen, dus heb ik ze niet achter een framework verstopt. De site is statische HTML, gegenereerd met Eleventy en Nunjucks-templates, opgemaakt met handgeschreven CSS en aangedreven door vanilla JavaScript in kleine modules, elke feature een eigen bestand dat één init-functie blootstelt, aangestuurd vanuit één entry point. Er is geen React, geen Vue, geen build pipeline buiten het omzetten van templates naar bestanden, en nul runtime dependencies: er komt niets in je browser terecht dat ik niet zelf geschreven heb. Dat is een bewuste beperking. Ze houdt de site snel, ze houdt me dicht bij de code zelf, en ze betekent dat de zorg aan de oppervlakte gedekt wordt door zorg in de code, niet door een library die het werk voor mij doet.

Het zit hem in de details

Het interactiewerk is waar een design engineer zijn titel verdient. De eigen cursor, de magnetische knoppen die naar je aanwijzer toe leunen, de reveal-animaties wanneer secties in beeld komen, de marquee, de speelse stickerbalk op het portret en het canvas waarop je kan tekenen: allemaal met de hand gebouwd, en allemaal geschreven met respect voor prefers-reduced-motion en het type aanwijzer, zodat de franjes nooit in de weg zitten van iemand die ze niet wil. Een interactie ontwerpen en ze implementeren zijn hier dezelfde taak, en dat is net het punt: wie de interactie ontworpen heeft, is ook wie ze gebouwd heeft, dus er gaat niets verloren in de vertaling.

Toegankelijkheid en privacy, beslist in de code

De dingen die er het meest toe doen zijn niet zichtbaar, en ze zijn evenzeer bouwbeslissingen als ontwerpbeslissingen. Elke pagina heeft een skip link en een echt content landmark; beweging zit achter reduced-motion; en er is een volwaardige toegankelijkheidsverklaring in plaats van een vinkje. Op vlak van privacy laadt de site geen analytics en zet ze geen tracking cookies tot je uitdrukkelijk toestemming geeft, en wanneer je dat doet, loopt de analytics via mijn eigen first-party reverse proxy op een EU-host, niet via een script van derden dat naar huis belt. Statische hosting in de EU houdt het geheel eenvoudig en soeverein.

Onder de motorkap

Benieuwd hoe een bepaalde interactie in elkaar zit? Vraag het me en ik loop met je door de code, of lees de credits voor de tools en de letters die erin gingen.