Matija Marohnić
@silvenon.com
React frontend developer and various tooling nerd.
Watch the "Appearance" settings title while I flip between light and dark mode. I love the seamless transition, and how it blends into the UI.
It… like, really blends.
It… like, really blends.
November 11, 2025 at 10:35 AM
Watch the "Appearance" settings title while I flip between light and dark mode. I love the seamless transition, and how it blends into the UI.
It… like, really blends.
It… like, really blends.
Some time in the future we'll start teasing our friends "remember when you thought that LGBTQ+ characters are being planted in movies and shows for an agenda?"
November 10, 2025 at 3:53 PM
Some time in the future we'll start teasing our friends "remember when you thought that LGBTQ+ characters are being planted in movies and shows for an agenda?"
Does anyone here NOT know what an event loop here is?
I don't know, so I'm wondering how alone I am! 😉
I realized that not knowing this is sometimes interpreted as lack of fundamental knowledge and interest in the language.
I don't know, so I'm wondering how alone I am! 😉
I realized that not knowing this is sometimes interpreted as lack of fundamental knowledge and interest in the language.
November 7, 2025 at 1:06 PM
Does anyone here NOT know what an event loop here is?
I don't know, so I'm wondering how alone I am! 😉
I realized that not knowing this is sometimes interpreted as lack of fundamental knowledge and interest in the language.
I don't know, so I'm wondering how alone I am! 😉
I realized that not knowing this is sometimes interpreted as lack of fundamental knowledge and interest in the language.
All of us struggle to understand why someone would vote a certain way.
In USA it was a mediocre Dem candidate vs. an apocalypse. Easy choice, no? This episode of @ezraklein.bsky.social show was very insightful. youtu.be/Sx0J7dIlL7c?...
It's helpful to truly begin to understand over being angry.
In USA it was a mediocre Dem candidate vs. an apocalypse. Easy choice, no? This episode of @ezraklein.bsky.social show was very insightful. youtu.be/Sx0J7dIlL7c?...
It's helpful to truly begin to understand over being angry.
Democrats Need to Face Why Trump Won | The Ezra Klein Show
YouTube video by The Ezra Klein Show
youtu.be
November 5, 2025 at 4:43 PM
All of us struggle to understand why someone would vote a certain way.
In USA it was a mediocre Dem candidate vs. an apocalypse. Easy choice, no? This episode of @ezraklein.bsky.social show was very insightful. youtu.be/Sx0J7dIlL7c?...
It's helpful to truly begin to understand over being angry.
In USA it was a mediocre Dem candidate vs. an apocalypse. Easy choice, no? This episode of @ezraklein.bsky.social show was very insightful. youtu.be/Sx0J7dIlL7c?...
It's helpful to truly begin to understand over being angry.
Goddamn right we are 🥺
mEn arE SO eMotionAl
November 2, 2025 at 5:47 PM
Goddamn right we are 🥺
I attended a conference talk about giving more meaningful open source contributions.
I later discovered that the speaker hasn’t created a single PR outside of their GH org 😕 How does this happen?
A disingenuous OSS talk only hurts the community.
I later discovered that the speaker hasn’t created a single PR outside of their GH org 😕 How does this happen?
A disingenuous OSS talk only hurts the community.
October 30, 2025 at 4:26 PM
I attended a conference talk about giving more meaningful open source contributions.
I later discovered that the speaker hasn’t created a single PR outside of their GH org 😕 How does this happen?
A disingenuous OSS talk only hurts the community.
I later discovered that the speaker hasn’t created a single PR outside of their GH org 😕 How does this happen?
A disingenuous OSS talk only hurts the community.
Have you ever received a handshake so bad that you felt like washing your hand afterwards?
October 28, 2025 at 5:49 PM
Have you ever received a handshake so bad that you felt like washing your hand afterwards?
I take a lot of pills, and my city's healthcare department has a system that monitors whether I'm running out of pills, i.e. whether I'm allowed to take out more.
But if I run out of pills for a number of days, their system doesn't appear to tell them that, only that I'm out.
1/2
But if I run out of pills for a number of days, their system doesn't appear to tell them that, only that I'm out.
1/2
October 28, 2025 at 7:25 AM
I take a lot of pills, and my city's healthcare department has a system that monitors whether I'm running out of pills, i.e. whether I'm allowed to take out more.
But if I run out of pills for a number of days, their system doesn't appear to tell them that, only that I'm out.
1/2
But if I run out of pills for a number of days, their system doesn't appear to tell them that, only that I'm out.
1/2
Apple resellers in my city are incredibly bad at… reselling Apple products.
My charger broke, so I asked for a new one until I fix the old one, but they didn't have that one because it's "old". Also, they stopped fixing broken stuff.
So the "official" solution was to… what, buy a new computer??
My charger broke, so I asked for a new one until I fix the old one, but they didn't have that one because it's "old". Also, they stopped fixing broken stuff.
So the "official" solution was to… what, buy a new computer??
October 27, 2025 at 11:36 AM
Apple resellers in my city are incredibly bad at… reselling Apple products.
My charger broke, so I asked for a new one until I fix the old one, but they didn't have that one because it's "old". Also, they stopped fixing broken stuff.
So the "official" solution was to… what, buy a new computer??
My charger broke, so I asked for a new one until I fix the old one, but they didn't have that one because it's "old". Also, they stopped fixing broken stuff.
So the "official" solution was to… what, buy a new computer??
Who designed this? Why are there two identical columns of coffees?
October 26, 2025 at 10:53 AM
Who designed this? Why are there two identical columns of coffees?
My cover of a dear, dear song. It was a farewell present to a friend who didn't want me anymore. She didn't like the gesture 😔
Kaleo – I Can't Go on Without You
youtu.be/90XqrDOAuqE
Kaleo – I Can't Go on Without You
youtu.be/90XqrDOAuqE
I Can't Go on Without You (Kaleo cover)
YouTube video by Matija Marohnić
youtu.be
October 25, 2025 at 9:03 PM
My cover of a dear, dear song. It was a farewell present to a friend who didn't want me anymore. She didn't like the gesture 😔
Kaleo – I Can't Go on Without You
youtu.be/90XqrDOAuqE
Kaleo – I Can't Go on Without You
youtu.be/90XqrDOAuqE
At a local meetup I introduced attendees to Vitest Browser Mode. However, preparing for this led to quite a few surprises. Did you know that happy-dom supports:
- window.matchMedia()
- Custom Elements
- shadow DOM
Isn't that crazy impressive??
- window.matchMedia()
- Custom Elements
- shadow DOM
Isn't that crazy impressive??
October 25, 2025 at 7:49 PM
At a local meetup I introduced attendees to Vitest Browser Mode. However, preparing for this led to quite a few surprises. Did you know that happy-dom supports:
- window.matchMedia()
- Custom Elements
- shadow DOM
Isn't that crazy impressive??
- window.matchMedia()
- Custom Elements
- shadow DOM
Isn't that crazy impressive??
Reposted by Matija Marohnić
Don't [...spread] or .split() your strings!
Use Intl.Segmenter API. Available in every JS runtime
Use Intl.Segmenter API. Available in every JS runtime
October 23, 2025 at 2:55 PM
Don't [...spread] or .split() your strings!
Use Intl.Segmenter API. Available in every JS runtime
Use Intl.Segmenter API. Available in every JS runtime
This is what you want to see when you click "Unsubscribe" on an email you didn't subscribe to.
October 24, 2025 at 8:16 AM
This is what you want to see when you click "Unsubscribe" on an email you didn't subscribe to.
<title> in SVG sprite <symbol>s doesn't work.
<use> creates a shadow DOM, and <title> inside shadow DOM isn't available in the accessibility tree.
It only works in the light DOM:
<svg>
<title>plus</title>
<use href="/icons.svg#plus" >
</svg>
Why am I only learning about this now??
<use> creates a shadow DOM, and <title> inside shadow DOM isn't available in the accessibility tree.
It only works in the light DOM:
<svg>
<title>plus</title>
<use href="/icons.svg#plus" >
</svg>
Why am I only learning about this now??
October 22, 2025 at 3:09 PM
<title> in SVG sprite <symbol>s doesn't work.
<use> creates a shadow DOM, and <title> inside shadow DOM isn't available in the accessibility tree.
It only works in the light DOM:
<svg>
<title>plus</title>
<use href="/icons.svg#plus" >
</svg>
Why am I only learning about this now??
<use> creates a shadow DOM, and <title> inside shadow DOM isn't available in the accessibility tree.
It only works in the light DOM:
<svg>
<title>plus</title>
<use href="/icons.svg#plus" >
</svg>
Why am I only learning about this now??
Anyone knows what to do now? Back to ESLint?
October 22, 2025 at 10:34 AM
Anyone knows what to do now? Back to ESLint?
Remix2/RR7 has inspired me so much to use progressive enhancement. And then implemented 1st class support for SSR streaming.
But React streaming doesn't work without JS. And, unless your placeholders are exactly the same height as the content, streaming breaks scroll position.
What are we doing?
But React streaming doesn't work without JS. And, unless your placeholders are exactly the same height as the content, streaming breaks scroll position.
What are we doing?
October 19, 2025 at 6:14 PM
Remix2/RR7 has inspired me so much to use progressive enhancement. And then implemented 1st class support for SSR streaming.
But React streaming doesn't work without JS. And, unless your placeholders are exactly the same height as the content, streaming breaks scroll position.
What are we doing?
But React streaming doesn't work without JS. And, unless your placeholders are exactly the same height as the content, streaming breaks scroll position.
What are we doing?
Reposted by Matija Marohnić
This is the most personal project I’ve made in years.
I launched a new show called The Callback. It’s weekly web dev news with my dumb humor sprinkled on top.
If this pilot does well I get to make more, so watching, liking, and sharing would be DEEPLY appreciated 💜
www.youtube.com/watch?v=eMOD...
I launched a new show called The Callback. It’s weekly web dev news with my dumb humor sprinkled on top.
If this pilot does well I get to make more, so watching, liking, and sharing would be DEEPLY appreciated 💜
www.youtube.com/watch?v=eMOD...
Remix needs to fix this…
YouTube video by Prismic
www.youtube.com
October 17, 2025 at 3:04 PM
This is the most personal project I’ve made in years.
I launched a new show called The Callback. It’s weekly web dev news with my dumb humor sprinkled on top.
If this pilot does well I get to make more, so watching, liking, and sharing would be DEEPLY appreciated 💜
www.youtube.com/watch?v=eMOD...
I launched a new show called The Callback. It’s weekly web dev news with my dumb humor sprinkled on top.
If this pilot does well I get to make more, so watching, liking, and sharing would be DEEPLY appreciated 💜
www.youtube.com/watch?v=eMOD...
Trusting the browser, by @medienbaecker.com medienbaecker.com/articles/tru...
I remember when I was asked to remove focus on click altogether… and I still see encounter this practice! 😰
I remember when I was asked to remove focus on click altogether… and I still see encounter this practice! 😰
Trusting the browser · Medienbäcker Thomas Günther
I've been thinking about how we approach accessibility in web development. Particularly about trusting the browser to implement things in an accessible way.
medienbaecker.com
October 16, 2025 at 2:05 PM
Trusting the browser, by @medienbaecker.com medienbaecker.com/articles/tru...
I remember when I was asked to remove focus on click altogether… and I still see encounter this practice! 😰
I remember when I was asked to remove focus on click altogether… and I still see encounter this practice! 😰
Hey @brookslybrand.bsky.social, I just watched www.youtube.com/live/TdwzRe3..., do you have a newer take on this or recommended resource now that both TanStack Query and RR7 have evolved?
I'm struggling with reducing complexity, my goal is also to use it only for caching (framework mode).
I'm struggling with reducing complexity, my goal is also to use it only for caching (framework mode).
Remix + TanStack Query
YouTube video by React Tips with Brooks Lybrand
www.youtube.com
October 15, 2025 at 10:52 AM
Hey @brookslybrand.bsky.social, I just watched www.youtube.com/live/TdwzRe3..., do you have a newer take on this or recommended resource now that both TanStack Query and RR7 have evolved?
I'm struggling with reducing complexity, my goal is also to use it only for caching (framework mode).
I'm struggling with reducing complexity, my goal is also to use it only for caching (framework mode).
To whom it may concern, my @vitest.dev Browser Mode tests work in ubuntu-latest CI without passing --with-deps to @playwright.dev install. This shaves off ~2m.
I guess this is safe to do until tests start failing?
I guess this is safe to do until tests start failing?
October 15, 2025 at 8:27 AM
To whom it may concern, my @vitest.dev Browser Mode tests work in ubuntu-latest CI without passing --with-deps to @playwright.dev install. This shaves off ~2m.
I guess this is safe to do until tests start failing?
I guess this is safe to do until tests start failing?
“Do you want to open this link the way you want to or the way we want you to?”
October 14, 2025 at 8:25 AM
“Do you want to open this link the way you want to or the way we want you to?”
Reposted by Matija Marohnić
Please stop setting `width: 100vw` on the `body`.
It's unnecessary. By default, the `body` stretches horizontally as much as necessary.
It's problematic. Setting `width: 100vw` on it can cause overflow even if you remove the default `margin`... because the page may have a scrollbar.
#CSS
It's unnecessary. By default, the `body` stretches horizontally as much as necessary.
It's problematic. Setting `width: 100vw` on it can cause overflow even if you remove the default `margin`... because the page may have a scrollbar.
#CSS
October 11, 2025 at 7:33 PM
Please stop setting `width: 100vw` on the `body`.
It's unnecessary. By default, the `body` stretches horizontally as much as necessary.
It's problematic. Setting `width: 100vw` on it can cause overflow even if you remove the default `margin`... because the page may have a scrollbar.
#CSS
It's unnecessary. By default, the `body` stretches horizontally as much as necessary.
It's problematic. Setting `width: 100vw` on it can cause overflow even if you remove the default `margin`... because the page may have a scrollbar.
#CSS
People who are photosensitive should not watch the @vite.dev documentary. This is a reminder to @cultrepo.bsky.social to add the content warning.
In the comment highlighted below the video I pointed out the problematic parts: www.youtube.com/watch?v=bmWQ...
In the comment highlighted below the video I pointed out the problematic parts: www.youtube.com/watch?v=bmWQ...
October 11, 2025 at 8:19 PM
People who are photosensitive should not watch the @vite.dev documentary. This is a reminder to @cultrepo.bsky.social to add the content warning.
In the comment highlighted below the video I pointed out the problematic parts: www.youtube.com/watch?v=bmWQ...
In the comment highlighted below the video I pointed out the problematic parts: www.youtube.com/watch?v=bmWQ...