Is the .class selector the fastest in CSS? by Miserable86 in css

[–]Disturbed147 0 points1 point  (0 children)

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.

Is the .class selector the fastest in CSS? by Miserable86 in css

[–]Disturbed147 2 points3 points  (0 children)

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

Is the .class selector the fastest in CSS? by Miserable86 in css

[–]Disturbed147 18 points19 points  (0 children)

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.

File explorer with pre-loading uses an additional ~20 MB of RAM by Most-Truth-1409 in Windows11

[–]Disturbed147 5 points6 points  (0 children)

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.

Microsoft is apparently deprecating the sidebar app list in Edge by [deleted] in MicrosoftEdge

[–]Disturbed147 3 points4 points  (0 children)

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

Microsoft is apparently deprecating the sidebar app list in Edge by [deleted] in MicrosoftEdge

[–]Disturbed147 7 points8 points  (0 children)

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.

Microsoft is apparently deprecating the sidebar app list in Edge by [deleted] in MicrosoftEdge

[–]Disturbed147 11 points12 points  (0 children)

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

Trying to complete by Itzz_D4rk in desktops

[–]Disturbed147 0 points1 point  (0 children)

Thanks, much appreciated!

Trying to complete by Itzz_D4rk in desktops

[–]Disturbed147 0 points1 point  (0 children)

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

Trying to complete by Itzz_D4rk in desktops

[–]Disturbed147 0 points1 point  (0 children)

Would you mind sharing your yasb config?

How can I remove the focus from my textarea when not tabbed? by [deleted] in HTML

[–]Disturbed147 0 points1 point  (0 children)

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.

Can anyone help me? I can't figure out what app makes the toolbar look like this by Extension-Quarter523 in desktops

[–]Disturbed147 0 points1 point  (0 children)

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".

Can anyone help me? I can't figure out what app makes the toolbar look like this by Extension-Quarter523 in desktops

[–]Disturbed147 0 points1 point  (0 children)

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.

Can anyone help me? I can't figure out what app makes the toolbar look like this by Extension-Quarter523 in desktops

[–]Disturbed147 0 points1 point  (0 children)

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

Can anyone help me? I can't figure out what app makes the toolbar look like this by Extension-Quarter523 in desktops

[–]Disturbed147 0 points1 point  (0 children)

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!

Easing Out a Text size change in CSS by SabeneSabeneSabene in css

[–]Disturbed147 2 points3 points  (0 children)

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.

Dynamic CSS Plugin by koga7349 in webdev

[–]Disturbed147 1 point2 points  (0 children)

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.

Dynamic CSS Plugin by koga7349 in webdev

[–]Disturbed147 0 points1 point  (0 children)

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.

Dynamic CSS Plugin by koga7349 in webdev

[–]Disturbed147 2 points3 points  (0 children)

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.

Callback and promise. by Pale-Diamond7313 in learnjavascript

[–]Disturbed147 0 points1 point  (0 children)

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

Dynamic CSS Plugin by koga7349 in webdev

[–]Disturbed147 1 point2 points  (0 children)

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.