2 ms·

It would be easier if you could see both yachts at the same time. I don't even see the 'vs' above the fold so it's not initially clear what's going on. In add

It would be easier if you could see both yachts at the same time. I don't even see the 'vs' above the fold so it's not initially clear what's going on. In addition, there is some sort of jerky shuttering happening when I scroll to the bottom of the page. It sort of overscrolls and then snaps back 2 or 3 times. Perhaps a consequence of having one scrollable element inside another, which is often awkward.

zappo2938 10y ago
I just noticed that for the first time. Good catch. If I slide the header down on the iPhone it locks the container inside. That sucks. It must be an Angular Material thing. Thanks for pointing it out. I don't fully understand the jerky shuttering thing. Angular Material has an md-content container element with overflow property set to auto. It prevents using scroll properties on the child element for smooth scrolling. So I borrowed from a Stack Exchange post rolled my own.Gist[0] I just increased the scrolling duration by 450ms. That makes the automated scrolling much smoother. I rushed to get this online because all the boats are showing in the Boat Show that is happening right now. I wish the images were all the same size. I think a lot of problems come from not having control over the images. [0] https://gist.github.com/adam-s/e54c4357648ed0ca6bee24eb8573b0cd https://gist.github.com/adam-s/e54c4357648ed0ca6bee24eb8573b...
- pimlottc 10y ago
  The rankings page does a good job of showing multiple boats - could you do something like that on the head-to-head page? I'm not sure I understand what you changed in the scrolling, I'm just using my mousewheel. It still overscrolls past the bottom now, just with a much faster snap. BTW, I'm using Chrome on OS X. But it's definitely a nice site for a quick hack. I've often thought there should be a general service for ranking things like this, where you can dump a bunch of items in and do head-to-head judgements until it has enough data to make a reasonable ordering. What sort of scoring are you using, ELO?
  - deleted 10y ago
    [deleted]

zappo2938 10y ago

I just noticed that for the first time. Good catch. If I slide the header down on the iPhone it locks the container inside. That sucks. It must be an Angular Material thing. Thanks for pointing it out. I don't fully understand the jerky shuttering thing. Angular Material has an md-content container element with overflow property set to auto. It prevents using scroll properties on the child element for smooth scrolling. So I borrowed from a Stack Exchange post rolled my own.Gist[0] I just increased the scrolling duration by 450ms. That makes the automated scrolling much smoother. I rushed to get this online because all the boats are showing in the Boat Show that is happening right now. I wish the images were all the same size. I think a lot of problems come from not having control over the images. [0] https://gist.github.com/adam-s/e54c4357648ed0ca6bee24eb8573b0cd https://gist.github.com/adam-s/e54c4357648ed0ca6bee24eb8573b...

pimlottc 10y ago
The rankings page does a good job of showing multiple boats - could you do something like that on the head-to-head page? I'm not sure I understand what you changed in the scrolling, I'm just using my mousewheel. It still overscrolls past the bottom now, just with a much faster snap. BTW, I'm using Chrome on OS X. But it's definitely a nice site for a quick hack. I've often thought there should be a general service for ranking things like this, where you can dump a bunch of items in and do head-to-head judgements until it has enough data to make a reasonable ordering. What sort of scoring are you using, ELO?
- deleted 10y ago
  [deleted]