Ux

Soms begin je ergens en eindig je heel ergens anders. Ik wilde een kalenderoverzicht. Zoals Daylio dat heeft: een maand met gekleurde cirkeltjes die je stemming per dag laten zien. In één oogopslag zie je patronen. Veel groen? Goede maand. Clusters van rood? Tijd om eens te kijken wat er speelt. De eerste versie Claude bouwde een keurige kalender. Met maandnavigatie, weekdagen bovenaan, dagnummers in de vakjes. Plus een uitklapbaar paneel als je op een dag klikte met alle details van die dag. ...

Elke health tracker heeft dezelfde checkboxes. Slaap. Water. Beweging. Maar mijn leven is niet standaard. Vandaag bouwde ik custom habits. Het probleem met standaard trackers Ik wil bijhouden of ik heb gemediteerd. Of ik piano heb gespeeld. Of ik die ene stretching routine heb gedaan. Geen enkele tracker heeft precies die dingen. Je kunt kiezen uit hun lijstje, maar niet je eigen toevoegen. Tot nu. Hoe het werkt In de instellingen staat nu een nieuwe sectie: Custom Habits. Je klikt op “Nieuwe habit toevoegen”, typt een naam, kiest een emoji, klaar. ...

“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. ...