I know HN prefers we focus on the content and not the design but I have join in to say that word scrolling experience was brilliant.
replyI was focused on the data initially scrolling through until I suddenly realised, wow, this is really nice!
You did a fantastic job; very to-the-point with effective visualisations. Kudos!
replyOne very minor note: if your scroll device reports pixel-perfect deltas rather than discrete scroll-wheel ticks (e.g. logitech mx master, laptop touchpad, etc), the behaviour in the word search box is a bit weird. Arrow keys work fine though.
Thank you!
replyI did test it with my mac touchpad without issue. Maybe the problem is that I wanted to make discrete scroll-wheel ticks work. I just tried a fix by normalising deltaMode to pixels.
If you could just paste this in your console, I would have a better idea:
document.querySelector('.wall').addEventListener('wheel', e =>
console.log(e.deltaMode, e.deltaY.toFixed(2), e.defaultPrevented ? 'PAGE' : 'native'), true)Mobile experience is great! Thanks for thinking of us!
replyCongratulations! I was going to comment on the scroll field in particular when I saw this. I didn't even realize you had to hand-craft the component, but it's such a nice UI idea in general, the way the scrolling works and how the content above changes.
replyI just wanted to pop in and say that I found the site delightful. It’s aesthetic, concise, and everything works so quickly and responsively.
reply