Websites bouwen is mijn werk, maar ook mijn passie. Daarom stop ik niet als het werk af is. Door de jaren heen heeft dat geleid tot heel wat hobbyprojecten, en een paar presentaties op conferenties. Sommige begonnen als documentatie voor mezelf, andere omdat een idee me gewoon niet losliet. Hier zijn ze.

E-card website (2007)

Mijn oudste hobbyproject draait nog steeds. Het begon als fliefd.nl, een kleine Nederlandse e-card site voor Valentijnsdag. Door de jaren heen groeide het uit tot een internationale website met werk van meerdere kunstenaars: ecardlinks.net. Het concept is nooit veranderd: je kiest een kaart en verstuurt die als link, per e-mail, in een chatapp of via social media. De techniek veranderde wel. De eerste versie was gebouwd met het Prototype-framework. In 2019 heb ik het herschreven in gewoon JavaScript, bovenop Jekyll, een static site generator. We gebruiken het ook voor onze eigen bedrijfskaarten voor verjaardagen, kerst en nieuwjaar.

Without Coding (2014)

Without Coding was een static site generator voor grafisch ontwerpers, gemaakt voor HTML5-magazines. Je bouwde je pagina’s met lagen en absolute positionering, net als in fotobewerkings- en tekenprogramma’s. Het leek in zekere zin veel op Figma, maar het resultaat was een echte website: een ZIP-bestand dat je overal kon hosten. Om die websites op elk scherm te laten werken, bedacht ik de truc met twee viewports. In 2020 ben ik ermee gestopt.

Jekyll Codex (2015)

Toen ik van WordPress overstapte op static site generators, begon ik met Jekyll. Ik wilde alles wat ik leerde delen, dus bouwde ik Jekyll Codex. Het is een verzameling scripts en best practices voor front-end developers die willen overstappen op Jekyll. Er staat een handleiding om mee te beginnen op waarvoor je niet eens de command line nodig hebt, en een deel over hoe je alles zonder plugins doet. De site is een showcase van zijn eigen scripts: alles wat je ziet, mag je gebruiken.

Invoice Lion (2019)

Invoice Lion begon als een open source online facturatieplatform. Het publieke platform stopte in 2022, maar ik gebruik het nog steeds zelf. Het belangrijkste doel is om het werk uit het factureren te halen. Terugkerende facturen voor abonnementen en betalingsherinneringen kosten elk maar één klik. Zo verstuur ik ruim honderd facturen per maand, terwijl ik er nauwelijks tijd aan kwijt ben. Daarnaast geeft het me inzicht in mijn bedrijfscijfers.

Online Magazine Maker (2019)

Mooi drukwerk verdient meer dan een PDF-download. Online Magazine Maker maakt van je PDF een bladerboek. Dat zet je op je website of je linkt naar de schermvullende lezer, op je eigen domein. Zonder advertenties, zonder branding, AVG-proof en met een wachtwoord als je dat wilt. Een PDF raakt onderweg zijn links kwijt, daarom bouwde ik er ook een hotspot-editor bij. Je kiest een pagina, sleept er vlakken overheen en past hun grootte aan. Elk vlak maak je een link naar een website of een sprong naar een andere pagina. Denk aan een klikbare inhoudsopgave. Daarna kopieer je de code en verschijnen de hotspots in het bladerboek. Bekijk het in actie bij het blad Samen.

JekyllConf (2019)

Delen wat ik leer stopt niet bij websites. In 2019 gaf ik mijn allereerste presentatie op een conferentie, op JekyllConf, live vanuit mijn eigen studio thuis. Ik bouwde een professionele website met een CMS en een formulierbouwer in minder dan 20 minuten, met niets anders dan een browser. Lees er meer over in spreken op JekyllConf 2019 of bekijk de presentatie.

Hugo Codex (2020)

Toen ik overstapte op Hugo, de snelste populaire static site generator, deed ik hetzelfde als bij Jekyll. Hugo Codex heeft een handleiding om mee te beginnen, add-ons zoals een lightbox en een simpele webshop, en blogposts over onderwerpen als beeldcompressie voor luie mensen. Alle code mag je vrij gebruiken. Zelfs de code van de website zelf.

Usecue CMS (2021)

Jarenlang gebruikte ik CloudCannon als CMS. Toen bouwde ik mijn eigen: Usecue CMS, gemaakt voor Hugo. Inmiddels draaien er meer dan 100 websites op en heeft het meer dan 200 gebruikers. Het is een CMS en een hostingoplossing in één, met AVG-proof formulieren en statistieken ingebouwd. Een site met honderden pagina’s publiceer je in minder dan 2 seconden. Tegenwoordig hoef je het niet eens meer te openen: koppel Claude en je publiceert door het gewoon te vragen.

HugoConf (2022/2023)

Na mijn overstap op Hugo sprak ik twee keer op HugoConf. In 2022 gaf ik een korte presentatie over het schalen van afbeeldingen: pagina’s die direct laden hebben afbeeldingen op het juiste formaat nodig, en dat kan Hugo zelf. In 2023 presenteerde ik Hugobricks, een concept voor stapelbare contentblokken in Hugo.

Hugobricks (2023)

Mensen bleven zeggen dat het maken van een pagebuilder in Hugo onmogelijk was. Dus bouwde ik er een: Hugobricks, een gratis thema met stapelbare contentblokken, of bricks, dat layout en design netjes gescheiden houdt. In 2026 heb ik het vanaf nul opnieuw gebouwd. In Hugobricks v2 zijn je pagina’s gewoon Markdown, zonder shortcodes, en kiest het thema zelf de juiste brick door naar de content te kijken. Form follows function.

Usecue POS (2024)

Deze begon in de sportkantine. Iemand rekent een sportdrankje van 2 euro af, en daarvan verdwijnt al gauw 29 cent in de zak van de betaalprovider. Waarom eigenlijk? Geld overmaken van de ene bankrekening naar de andere kan gratis. Dus bouwde ik Usecue POS: een gratis kassasysteem in je browser. Geen terminal, geen contract, geen commissie. Je typt een bedrag in, je klant scant de QR-code met de eigen bankapp en het geld staat op jouw rekening. Er zit ook een gratis online betaalpagina bij voor je webshop. Lees hoe je binnen 1 minuut online verkoopt.

Codebibliotheek (2025)

Mijn nieuwste codebibliotheek is code.usecue.com. Daarin staan kleine webcomponenten zonder afhankelijkheden: gewoon JavaScript en moderne CSS, geen frameworks, geen build-stap, geen jQuery. Denk aan een accordeon, een carousel, een lightbox, masonry, filteren en sorteren in 60 regels, een multiselect polyfill en paginaovergangen. Bij elk component horen een readme, een live demo en de volledige broncode. Ze werken op elke website, waarmee die ook gebouwd is.

Annotate.now (2026)

“Kun je de knop iets groter maken?” Welke knop? Feedback op websites komt meestal binnen als screenshots met rode pijlen. Met Annotate.now klikt je klant op de exacte plek op de live pagina en laat daar een opmerking achter, op desktop, tablet of mobiel. Je hoeft niets te installeren en niemand heeft een account nodig. Het mooiste: je kunt dezelfde link aan je AI geven. Die weet precies welk element bedoeld wordt en kan de wijziging doorvoeren. Lees meer in feedback waar je AI iets mee kan.

Waarom ik dit doe

Naast de passie heb ik een enorme behoefte om te delen wat ik leer. Daarom schrijf ik ook dit blog. In mijn hobbyprojecten probeer ik nieuwe ideeën uit, zonder deadline. Wat ik daar leer, komt terecht in de websites die ik voor mijn klanten bouw. Benieuwd wat dat voor jou kan betekenen? Let’s talk.

()  Joost van der Schee