THIS COMMON CSS FEATURE TANKS YOUR PERFORMANCE!!1!1! Ok, how was that for a flamebait headline? For real, though, let's talk about `@property` Do you lazy load content to improve performance? Did you know that, if your lazily-loaded CSS includes `@property`, you're causing a full dom restyle?

Show Post

@quirksmode.org i want to see this at GSS ehh i mean CSS day!

Show Post

That's essentially part of the basis for Breakpoint System! It's a super flexible approach :) dev.to/janeori/css-...

Show Post

In that image, I want the card to shrink around the cat image, and for the paragraph to automatically linewrap! Essentially I want the `width: fit-content` algorithm to ignore that paragraph. Here's the lil’ solution I’ve been using recently: p { width: 0; min-width: 100%; }

Show Post

I actually stopped using them in favor of if(). They are basically the same, but if() is more powerful as it can be applied to the element itself.

Show Post