3 ms·
Amazing site. I noticed one thing that could easily improve the feel of the site — the sheet music playhead which is outside of the canvas. You are using fract
by baxuz 7y ago
Amazing site. I noticed one thing that could easily improve the feel of the site — the sheet music playhead which is outside of the canvas.
You are using fractional units to position it, but you're also using left/top/height properties which can't be fractional.
If you convert these to GPU translated layers via translate, you'll get a smoother playhead since these can be positioned fractionally, plus you'll cut down on the repaints!
Here's an example: https://codesandbox.io/s/magical-wind-mptqn?fontsize=14&hidenavigation=1&module=%2Fsrc%2Fstyles.css&theme=dark https://codesandbox.io/s/magical-wind-mptqn?fontsize=14&hide...
- PudgePacket 7y agoThe bars are identical for me. 4k monitor with firefox on windows. Could it be something to do with resolution?
- baxuz 7y agoIt's a firefox bug. I needed to add a very fine rotation for it to render subpixel, so you can try again. You can also see the repaints if you open up the dev tools: https://i.imgur.com/A8btxpu.png https://i.imgur.com/A8btxpu.png
- adrianh 7y agoOooh, thanks very much for this! Will poke around...
- adrianh 7y agoJust wanted to say thanks for this tip. It's now implemented live on Soundslice! :-)