Remix.run Logo
mrandish 10 hours ago

Alex,

It's somewhat ironic that a web page about performant terminal user interfaces uses gratuitously complex CSS mask compositing and cubic gradients which reduce smooth scrolling on my 1 year-old, high-end Dell XPS laptop (>$3k) to Commodore 64 level (on default 'Balanced' battery mode). While it's pretty, it's also just a very subtle, non-critical background animation effect. Not being a CSS guru myself, here's what Gemini says:

> "Specifically, this is a Scrim or Easing Gradient. Instead of a simple transition between two colors, it uses 16 color stops to mimic a "cubic-bezier" mathematical curve. This creates a smoother, more natural fade than a standard linear gradient, but it forces the browser to calculate high-precision color math across the entire surface during every scroll repaint."

My Firefox smooth scrolls like butter on thousands of pages, so you might want ask your web designer to test on non-Mac, iGPU laptops with hiDPI and consider the performance cost of web pages with always-running subtle background animations in a world of diverse hardware platforms. In case it helps, here's the animation with the gradient layers disabled so you can see all 6,400,000 pixels which are being recalculated every scroll line (https://i.imgur.com/He3RkEu.jpeg).

abelanger 10 hours ago | parent | next [-]

You're right - I'll remove that now until we can get it more performant or drop it altogether. This wasn't something we caught during testing. I appreciate the feedback!

zelphirkalt 8 hours ago | parent | next [-]

While you are at it, it would be good, if the post was readable at all, without having to run JS on the page.

syene 4 hours ago | parent [-]

It rendered perfectly, without JavaScript, in Emacs EWW.

bloqs 8 hours ago | parent | prev [-]

"you're absolutely right!"

huflungdung 8 hours ago | parent [-]

[dead]

sedatk 8 hours ago | parent | prev | next [-]

> to Commodore 64 level

That’s unfair to C64 which can smooth scroll very well.

npsomaratna 6 hours ago | parent | next [-]

I owned a C64. Remember how buttery smooth the interfaces of those '80s computers were?

cryptonector 3 hours ago | parent | next [-]

Not Apples. But Amigas, omg those were smooth.

ekianjo 4 hours ago | parent | prev [-]

fewer layers between software and hardware...

sehugg an hour ago | parent | prev | next [-]

Eh, the NES is better because you get two entire screen buffers. The C-64 gives you only one offscreen row or column to repaint every coarse scroll, and the colormap is fixed so you gotta move all of its bytes while racing the beam.

nine_k 6 hours ago | parent | prev [-]

Not by repainting the whole screen every frame!

sedatk 5 hours ago | parent [-]

Modern browsers don’t repaint the whole screen every frame either.

devmor 19 minutes ago | parent | prev | next [-]

While I agree with your point, I don't understand why you added:

> here's what Gemini says

Surely, if people care to see LLM generated text, they can do it themselves.

khannn 7 hours ago | parent | prev | next [-]

Notice how many times Claude Code was mentioned in this blog post nee advertisement?

1vuio0pswjnm7 5 hours ago | parent | prev [-]

FWIW, this page looks just fine in a text-only browser running in textmode, no X11, no Javascript, no CSS, on an old, underpowered computer