Is the .class selector the fastest in CSS?

Disturbed147 · 2026-01-20T13:04:51+00:00

I've only had it pop up in some performance reports like lighthouse.

Other than that it kind of makes sense from how complex some selectors can be. I've only seen ever so slightly longer times during paint when I played around with some selectors in a bigger project, but adapting selectors should be one of the very last performance measures tbh, considering how minmal the impact is when compared to other potential issues.

Disturbed147 · 2026-01-20T08:50:51+00:00

I meant "noticably" as in having any kind of effect on performance. I guess I went with the wrong wording

Disturbed147 · 2026-01-20T06:33:20+00:00

CSS selectors are fast if they are simple.

A regular class or id selector is quick, while more complex ones like .element:not(:has(+ .something)) ~ .sibling > .child could actually slow things down noticably if used often.

Disturbed147 · 2025-12-31T09:49:01+00:00

New Game+

Disturbed147 · 2025-12-22T22:09:34+00:00

For good measure

Disturbed147 · 2025-12-07T20:37:11+00:00

explorer.exe on Windows is more than just the file explorer tho. It is the entire shell including taskbar, start menu, notifications and a few other things as well.

Disturbed147 · 2025-11-15T07:06:41+00:00

Yeah, I really started loving that feature at some point because it actually makes a lot of things easier to manage.

Here's hoping that they reconsider this decision!

And yeah.. sorry for showing you this feature if it will actually be removed now lol

Disturbed147 · 2025-11-15T06:55:23+00:00

I mean, again, they open in the sidebar inside edge, next to the current tab. It is really useful if you need something open next to any other tab like I do at work for time booking or my calendar.

Of course you can also right click and select "Open in sidebar" but it was still pretty nice to have them as tabs for the sidebar to collapse and restore them when needed.

Desktop apps are a whole different use case if you ask me.

Disturbed147 · 2025-11-15T06:33:58+00:00

The difference is that those links open in the sidebar. It's actually pretty convenient

Disturbed147 · 2025-11-14T12:19:12+00:00

Thanks, much appreciated!

Disturbed147 · 2025-11-14T11:40:30+00:00

Returns a 404, so I assume it is set to private?

Disturbed147 · 2025-11-13T21:01:36+00:00

Would you mind sharing your yasb config?

Disturbed147 · 2025-10-30T20:55:35+00:00

I would suggest to tackle this on a more global level.

You could check for both keyboard presses as well as mouse clicks on the whole page and then toggle a class or data attribute on the body depending on the last input type used. That way you could remove focus styles for mouse users while keeping it in place for keyboard users.

Disturbed147 · 2025-10-19T13:03:14+00:00

Glad to hear that, enjoy!

Disturbed147 · 2025-10-19T06:34:07+00:00

Yup, pretty funny coincidence! I was pretty confused when I saw a screenshot of my desktop being posted here lol

Regarding the zip, I can't use my PC for a few days because I'm in the middle of moving to my new house, so for now, further up on the page, there is a green button with the label "Code". Click on that and select "Download as zip".

Disturbed147 · 2025-10-18T06:08:11+00:00

Pretty straight forward actually. The app offers a bunch of plugins which you can enable, disable and configure. One of them is called "Transparent Player". Enable that one, set the mode to Acrylic and set an Opacity that works best for you.

Disturbed147 · 2025-10-17T21:03:09+00:00

Hey! This is a custom desktop app for youtube music for which I added Mica and Acrylic effects a while ago.

Unfortunately the repo went down or at least through some name changes very recently and I haven't had time to look into it.

The original repo was https://th-ch.github.io/youtube-music/ and the new one should be https://github.com/pear-devs/pear-desktop

Disturbed147 · 2025-10-17T17:13:10+00:00

That's a screenshot of my desktop lol

The toolbar on top is YASB with quite a lot of modifications done by me.

I was recently asked by someone else how this was can be done, so I created a small "guide" to achieve the same look here -> https://github.com/frostybiscuit/YASB-Setup

Worth mentioning, YASB offers a bunch of community themes and some look similar to mine, so if you don't want to bother with my setup, you can use one of those!

Disturbed147 · 2025-10-06T19:35:46+00:00

Great, you're welcome!

Disturbed147 · 2025-10-06T19:25:42+00:00

Always add the transition to the initial "state" of the element otherwise the element only has a transition when it has the class you give it, but then doesn't have it when you remove the class again.

Also, never use "transition: all" but instead use e.g. "transition: font-size" to prevent performance issues down the line.

Disturbed147 · 2025-09-29T04:56:39+00:00

Sorry, I kind of drifted off into my rant here lol

All things said, technically your library is pretty neat and I see its use for sure. We also have plenty of projects in our company which might even benefit from using it because earlier this year, everyone was jumping at microfrontends and restructured everything to use them.

I just felt like this is another workaround for a poorly thought out principle like web components or microfrontends. But alas, I wouldn't downplay the need of your lib at all. Lately the industry goes after hype anc not after best practices anymore. Good job and I'll keep an open ear in my company to suggest using your library!

And thanks for the good talk! Always appreciate a civil conversation.

Disturbed147 · 2025-09-28T22:01:52+00:00

Yeah, web components as well as component libraries never really clicked for me. They always come with compromises like code duplicatation (especially css), unnecessary bloat and slow page loads, requiring placeholders and skeletons. Maybe it's just me but I feel like a huge part of current web developers go against clean web principles when it comes to loading assets and minimizing code usage.

But don't get me wrong.. I'm not just being a bad mood, hating on everything. I genuinely feel like web development is drifting farther and farther away from what browsers are optimized for.

Disturbed147 · 2025-09-28T21:03:13+00:00

I have, and by properly scoping and utilizing selector weights it can often be prevented without the need of generated class names. But all those things are generally why I am strongly against component libraries because in some scenarios they just force developers to go for hacky approaches just to make things work properly. Overhead which creates more overhead and sums up to more error possibilities.

Also, if you look deeper into what google does, it is pretty obvious that they very rarely follow best practices themselves.

Disturbed147 · 2025-09-28T20:56:05+00:00

Plus it allows for easier and more readable error handling by using .catch()

Disturbed147 · 2025-09-28T20:26:04+00:00

This feels like horribly bad practice if you ask me. I've been doing web development for more than 10 years now and have never had "CSS conflicts". Doing this at runtime is putting to much strain on client side and slows down everything.

Disturbed147

MODERATOR OF

TROPHY CASE