“Het moet aanvoelen als een echte app” De app werkt. De app is live. Maar… het voelt nog als een website. Tijd voor native feel. Pull-to-refresh (30 min) Je kent het. Trek naar beneden, de app refresht. Zo simpel, zo verwacht op iOS. Trek naar beneden → Refresh indicator 80px threshold voor trigger Smooth animatie overscroll-behavior voor browser compatibility Feels: Net een native app! De code let startY = 0; let pulling = false; element.addEventListener('touchstart', (e) => { if (window.scrollY === 0) { startY = e.touches[0].pageY; pulling = true; } }); element.addEventListener('touchmove', (e) => { if (!pulling) return; const diff = e.touches[0].pageY - startY; if (diff > 80) { // Show indicator, trigger refresh } }); Simpel. Effectief. Native feel. ...

Hoe tekstbestanden me helpen denken. Het probleem Ik was aan het bouwen, maar ik miste iets. Niet de code - die kwam wel. Maar de richting. Wat moet ik eerst doen? Is dit goed genoeg? Mis ik iets? Normaal zou je dit aan collega’s vragen. Een product owner. Een designer. Een tester. Maar ik werk alleen. De oplossing: virtuele experts In mijn werkmap heb ik een verzameling “agents” - simpele tekstbestanden die Claude vertellen hoe hij moet denken. Het klinkt technisch, maar het is eigenlijk heel simpel. ...

De kortste sessie Soms zijn de beste sessies de kortste. Netlify setup (30 min) netlify.toml configuratie Build settings geconfigureerd Custom domain ready Auto-deploy op git push Het moment Deploy successful! https://dailymo.netlify.app Ik open de URL op mijn iPhone. De app laadt. Smooth. Snel. De install prompt verschijnt. “Zet op beginscherm” Tap. En daar staat ie. Op mijn home screen. Tussen de andere apps. Alsof het altijd al zo was. Van idee naar live Stap Tijd Idee → Project setup 15 min Project → MVP 50 min MVP → Tested 4 uur Tested → Production ready 4 uur Production ready → LIVE 30 min Totaal: ~9 uur AI tijd. ~1.5 uur mijn tijd. ...

Weet je dat gevoel wanneer je weken ergens aan werkt en het dan ineens… klikt? Vandaag was zo’n dag. Van chaos naar structuur Ik begon deze sessie met één groot HTML-bestand van 2000+ regels. Hier schaam ik me een beetje voor, maar zo was het nu eenmaal gegroeid. Alles door elkaar: styling, logica, data. Vier uur later? Netjes opgedeeld in ES Modules. Elk onderdeel in zijn eigen bestand. Zoals je kledingkast opruimen – je weet precies waar alles ligt. ...

14:00 - “Waar was ik gebleven?” Na 3 dagen pauze open ik Claude Code: “waar was ik gebleven?” Claude herinnert zich alles. Session 3 was bezig met Issue #16 (Testing Milestone). Accessibility score was 51%. Context switching is een non-issue met goede documentatie. Manual testing afgerond (15 min) Screenshot script had een bug: // Before: page.fill('#water-intake', '6') // FAIL - readonly! // After: 6× page.click('#water-add') // Works! 7 screenshots gemaakt, TC-01 t/m TC-07: ALL PASS! ...

21:00 - “Het mag wel mooier” Ik kijk naar mijn app. Het werkt. Maar… het is niet mooi genoeg. Ik had referentie screenshots verzameld (Fastic, HealthTrack UI Kit, etc.) en zei tegen Claude: “Kijk naar deze voorbeelden en kom met een nieuw ontwerp.” Complete design overhaul (1 uur) UI Specialist ging los: Quick stats 2×2 grid met circular progress Water intake visualisatie: 8 druppel iconen die oplichten! 💧 Alcohol selector: grotere pills Health score: compacter, minder dominant Gradient accenten: terracotta & sage green (premium look!) Grotere headings, meer breathing room Result: App ziet er nu uit als een €10/maand premium product. En het is gratis! ...

12:10 - “Ok laten we starten!” Sessie 2. Tijd om écht te bouwen. In de volgende 50 minuten bouwde Claude: Complete MVP implementatie (35 min) Frontend Developer maakte: storage.js (250+ lines) - localStorage management, export, sanitization healthScore.js (200+ lines) - 0-100% score algoritme met gewogen metrics app.js (350+ lines) - Main application logic, events, UI updates main.css (700+ lines) - Fastic-inspired mobile-first design Totaal: ~1,500 lines in 35 minuten. WTF. ...

“Ik kan dat toch niet?” Als je dit leest, heb je waarschijnlijk wel eens gedacht: “Ik wil graag [app/website/tool] maken, maar ik kan niet programmeren.” Ik ook. Totdat ik het gewoon deed. Het idee Ik wilde mijn dagelijkse gezondheid bijhouden. Slaap, water, beweging, pijn… je kent het wel. Er zijn apps voor, maar: Ze sturen mijn data naar de cloud (privacy? Bye bye!) Ze zijn bloated met features die ik niet nodig heb Ze kosten €10/maand voor basic functionaliteit Dus dacht ik: “Fuck it, ik bouw het zelf.” ...

And why did I take it, even if I don’t fancy a coding career? In 2017, during Morten Rand-Hendriksen’s talk at WordCamp Europe, I learned about CSS Grid. I was amazed with what it could do and really wanted to learn more about it. I kept saying this for over a year, without really diving into it. I also experienced some problems when I tried to adjust some CSS properties in themes I used in WordPress. I got frustrated and didn’t understand why things didn’t change the way I wanted. ...

In 2016 ging ik voor het eerst naar WordCamp Europe in Wenen en ik was meteen verkocht. Het grootste WordPress congres van Europa is een event wat je als WordPressgebruiker niet mag missen. Na Parijs en Belgrado was Berlijn het toneel voor WCEU 2019. In deze blog lees je mijn hoogtepunten tijdens WordCamp Europe 2019, onder andere dat ik last-minute werd toegevoegd als spreker! Tijdens WordCamp 2018 in Belgrado had ik een vrij volle agenda. Ik was co-lead voor de designtafel tijdens Contributor Day en emcee op de vrijdagochtend in de developer-track. Dit jaar besloot ik het anders te doen - een ’light’ congres zonder zelfopgelegde verplichtingen. ...