Hacker Newsnew | past | comments | ask | show | jobs | submit | sam-'s commentslogin


Of course they are!


https://typeracelive.com/

I wasn't satisfied with other type racing sites because they were not real time enough for me. I wanted to be able to see exactly where the other racers' cursors were and where they made errors.

I don't expect to make money any off of this, but it was fun to build and I find it fun to play with my friends every once in a while.

The stack is React and ChartJS in the FE (that's it), and Rust with Warp in the BE.


Really nice, I especially like the design of the stats.

One thing that throws me off quite a lot is the smooth cursor animation, good to see that you already allow to turn that off.


The website looks amazing! It's one of the nicest type racing website I've seen. :)


This is really well done. I completed it on my phone. I wonder what the gap between typing on a phone and keyboard are?

Anyway awesome project!


I’ve been seeing this redirect to google.com/maps for at least a year now because my default has always been to type maps.google.com and I find it weird every time it redirects.


A/B testing?


Living up to their name


> NOTE: it looks like it's not ordinarily working even when switched on.

I find the :has() selector very useful in certain cases, but firefox doesn't support it yet and like you said, it doesn't work very well even when enabled. What I have done for Firefox is use the `@supports selector` query [1] and fallback to some equally functional but not as nicely styled UI with the hope that when Firefox supports it, it will automatically provide the nicer UI.

[1] https://developer.mozilla.org/en-US/docs/Web/CSS/@supports#f...


Yes, and thinking, that @supports selector is also suggested in one of the examples in the article:

  /* Warning message 
     about support for :has() */

  @supports selector(:has(img)) {
    body small {
      display: none;
    }
  }
And I sure love it when CSS performs according my preference, but I'd never complain about a UA not implementing or a user prefer her own style over agent or author.


Nice approach! If you ever blog or tweet about CSS I'd be stoked to read it.


This approach is called progressive enhancement [1]; it’s been a thing in web development for over a decade.

[1]: https://alistapart.com/article/understandingprogressiveenhan...


Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: