Roma Komarov

@kizu.dev

Inventing weird CSS things. CSSWG Member (previously: an invited expert). Frontend engineer working on Datadog's design system. He/him. I'm here only for mentions + posting links, follow me on mastodon for more: https://front-end.social/@kizu

New blog post: “Build Bridges”. https://blog.kizu.dev/build-bridges/ This is a very quick shout-out to the Bridgy Fed project by @snarfed.org. If you know people who are only present on one of the networks and are not bridging their accounts — nudge them to do so! #IndieWeb #BlueSky #Fediverse

Build Bridges Build Bridges Build Bridges Build Bridges

# Build Bridges Build Bridges Build Bridges Build Bridges Published on: November 29, 2025 Categories: Fediverse 3, Mastodon 6, IndieWeb 11 Current music: 36 — _Inside (2:56AM Mix)_ {fallback} Current drink: Lemongrass, Ginger & Black Pepper tea This is a very quick shout-out to the Bridgy Fed project by Ryan Barrett. Its goal is to connect people across otherwise unrelated federated network: Fediverse, Bluesky, and even IndieWeb sites. After the exodus from more corporate and capitalist networks, people ended up in different parts of the web. Each segment could be well-connected inside, but if you want to participate _everywhere_ where people are now, you often need to create and maintain multiple accounts. I often see people reposting the same thing in multiple places — which is fine, but not everyone has the spoons to do so. Not everyone is also ready to create an account in a network they do not understand or do not like. That’s where Bridgy can really help: it is the _easiest_ and most straightforward way to connect your account to other networks. * If you’re on Mastodon or elsewhere in the Fediverse and want to make it possible for people from Bluesky to follow you, you can either log in with your account here or just follow the `@bsky.brid.gy@bsky.brid.gy` account from your client (you can use search to find it there via its handle). * If you’re on Bluesky, and want to make it possible for people on Mastodon and the Fediverse at large to follow you, you can either log in with your account here, or just follow @ap.brid.gy from Bluesky. That’s it. Bridgy works as opt-in — nothing is bridged without your consent, and by default it will only bridge your public posts. Here is, for example, my bridged account on Bluesky, where the posts from my Mastodon profile go automatically. And here is my bridged Pixey (Pixelfed instance) account where the photos from my Pixey gallery go. Bridgy even handles replies, DMs, and more. It is zero maintenance, and there is zero reason not to use it. If you know people who are only present on one of the networks and are not bridging their accounts — nudge them to do so! The more interconnected our web is, the more powerful it is. I find it awesome that vastly different networks can talk to each other thanks to projects like that.

blog.kizu.dev

And a shorter bluesky edition of credits: @lea.verou.me, Anders Hartvoll Ruud, @anatudor.bsky.social, @geoffgraham.me, @janeori.propjockey.io. (I think bridgy could do this automatically in a bridged message for some, but not when content is overflowing, hmm) bsky.app/profile/kizu...

Roma Komarov@kizu.front-end.social.ap.brid.gy · 2y ago

I wrote a new article, and published a new package: “Pure CSS Mixin for Displaying Values of Custom Properties” https://kizu.dev/preview-mixin/ Do you write #CSS? Do you use custom properties with calculations? Do you want to preview their values while […] [Original post on front-end.social]

A photo of a screen, a bit tilted, and showing an example with a list of multiple values followed by their computed values with a dotted outline. Above, a bit out of focus, the source code for this example's HTML can be seen: a list, with list items having inline styles, each starting from `--preview` and the rest being too blurry to read.

The text visible on the example itself (the one with the values and computed values):

— 1rem = 18px.
— 1em = 23px.
— 1lh = 36px.
— 1rad = 57.296deg.
— 100vw = 1920px.
— 𝝅 ≈ 3.142.
— 𝝉 ≈ 6.283.
— var(--PINK)… and the rest is out of frame.

Actually, I decided that I won't post links to my articles here — I will just repost the posts from my bridged account, like for this one: bsky.app/profile/kizu... Reasons: Mastodon allows for more text in both the post's content, and alt text, so I would rather not spend time shortening both.

Roma Komarov@kizu.front-end.social.ap.brid.gy · 2y ago

I wrote a new article, and published a new package: “Pure CSS Mixin for Displaying Values of Custom Properties” https://kizu.dev/preview-mixin/ Do you write #CSS? Do you use custom properties with calculations? Do you want to preview their values while […] [Original post on front-end.social]

A photo of a screen, a bit tilted, and showing an example with a list of multiple values followed by their computed values with a dotted outline. Above, a bit out of focus, the source code for this example's HTML can be seen: a list, with list items having inline styles, each starting from `--preview` and the rest being too blurry to read.

The text visible on the example itself (the one with the values and computed values):

— 1rem = 18px.
— 1em = 23px.
— 1lh = 36px.
— 1rad = 57.296deg.
— 100vw = 1920px.
— 𝝅 ≈ 3.142.
— 𝝉 ≈ 6.283.
— var(--PINK)… and the rest is out of frame.

I wrote a new article: “Indirect Cyclic Conditions: Prototyping Parametrized CSS Mixins” kizu.dev/indirect-cyc... In my quest to push forward what is possible with #CSS, I discovered another application of cyclic dependencies. We are now even closer to something that resembles native CSS mixins.

A photo of the screen, zoomed onto a scheme that shows several blocks with solid and dashed arrows going between them. Most of the photo is out of focus, with the `--resize3` visible in the middle.