Profile avatar
about1em.bsky.social
I like making stuff Sweden she/her
60 posts 13 followers 111 following
Regular Contributor
Active Commenter

Windows 98 icons

#CSS sibling-index() and sibling-count() available Chrome Canary with experiments enabled! easily stagger effects like: `transition-delay: calc(sibling-index() * .1s);` more info and a Codepen to fork ⤷ nerdy.dev/sibling-index

I can't believe how long it took before I noticed you can use the scrollwheel to change the hue in the @figma.com color picker 😅

Anyone with good personal blog designs to share?

🛠️ ✍️ New Interactive Article: CSS Relative Colors I explored how CSS relative colors work, the problem they solve, along with many practical examples. ishadeed.com/article/css-...

React children started making a lot more sense after realizing they're just like any other prop.

I found a way to "import" components from one Figma file to another without removing them from the first file (for instance when adding an icon library): 1. cut (not copy) the components 2. paste them into the second file 3. undo cutting them from the first file It's contrived, but it works 🤷‍♀️

I would like to tell a flexbox: "I want this child item centered, and stack up all the other items around it"

Shower thought: can you replace ~/Desktop with a hard/soft link in macOS? In that case it might be able to easily switch out all the contents of the desktop, like switching workspaces for different projects 🤔

Using :not(:disabled) in CSS when there is an :enabled 🤦‍♀️

What is the "correct" way to do boolean data-attributes in React? Using false doesn't remove the attribute entirely, but undefined does. An empty string seems to be the same as an attribute without a value 🤔

I could've sworn there was an option to throttle a specific domain in chrome devtools 🤔

I really need to start using fewer <div>s 🤔

There seems to be this tech bro attitude that "tech can't be questioned", but how are we supposed to solve problems and improve tech if we don't look at the impact in the real world and listen to people about their grievances? We need to be our own first and biggest critics.

@logoipsum.com doesn't the Figma plugin get automatically updated with the new logos?

Ever heard of ThumbHash? It's a great way to encode a blurry placeholder image into just a few bytes, 28 here. Like BlurHash but better visual quality! Available now in responsive-image.dev for @vite.dev or webpack plugins and image components for @emberjs.com @lit.dev @solidjs.com and @svelte.dev!

Module augmentation in Typescript would be so much easier and less error-prone if the types inside declare module had working intellisense.

I don't know why vscode does this every time when I try to format after I set up @biomejs.dev, reloading the window helps, but it's pretty annoying

Maybe I'll write my next project in Coffeescript 🙃

Disabled submit buttons without any indication why 😑

Created a little animated padlock icon, the secret is to use vector-effect to scale without distorting the strokes #css #animation

A feature in @bsky.app I've wanted forever is to filter profile timelines to only show the user's own posts. If I'm going to follow someone I'm most interested in what they have to say themselves.

🚀 ESLint now officially supports linting CSS! Read more: eslint.org/blog/2025/02...

I don't get why websites implement custom scrolling. It never feels good, just sluggish, unnatural and unfamiliar 🤔

I was wondering how to enforce using erasable syntax only in @typescriptlang.org without tsc support, but it seems like that's coming in 5.8 devblogs.microsoft.com/typescript/a...