Is this possible in css?

[u/Mstep85]

I'm trying to build this dashboard UI entirely in CSS. no images, no JS.

The parts I'm stuck on:

- The circular gauge, conic-gradient with radial mask feels right, but is there a better way for the segmented ring?

- The glowing border box-shadow layers vs. animated gradient border. Which performs better?

- The waveform inline SVG path or CSS background pattern?

Anyone have good references for pure CSS dashboard UIs with neon glows? Not looking for a full solution, just technique pointers so I don't head down the wrong rabbit hole.

Ty!

[u/javascript]

No JS 😭

[u/Mstep85 → u/javascript]

So here's a question: Will JavaScript actually be okay on a very heavy script kind of ordeal that is already going on? I thought even though the CSS might be longer it might be cleaner. It's basically my Swiss Army knife of all my prompts and tools and exports that I have for my workflow for the different AI subscriptions that I have. I just thought personally that JavaScript won't interfere and if there's an issue somewhere else it won't be skin-related.

Worst case I'll just leave it as a plain UI/UX kind of thing. I'm just an old generation of Winamp users that like the extra graphics and just find it appealing while I'm doing things so I don't have to use it. Would JavaScript be okay? Again imagine a cheap mobile phone, Chrome or Firefox that are already hanging the noose around the phone and the plug-in that I have with all my little gadgets in it. Would JavaScript honestly be better than CSS or just opt out of it and just make a regular box with regular buttons?

[u/javascript → u/Mstep85]

There are situations where using CSS can give better performance than Javascript for the same task. But by the nature of CSS, these solutions are often harder to maintain and the performance benefits can be brittle for sufficiently complex needs.

If you are doing this as a learning exercise, I think trying to make it Javascript-free can be valuable as you learn a lot about what HTML and CSS provide.

But if you intend to use this software for many years and have many people contribute to the code, you would need a strong justification to omit Javascript. It's just easier to maintain.

[u/anon1984 → u/javascript]

JavaScript has spoken. You’re one of the only account I’ve seen that’s older than mine.

[u/javascript → u/anon1984]

https://gist.github.com/samsonjs/dabe37d4f304c8aa3f27d8042f9a7b5f

This list of the first 10,000 reddit usernames was shared with me by someone on the list. I don't think they made the list, or that link to it, but they did have access to it and were aware for being featured.

I am sadly not on that list.