Kristóf Poduszló

On a high-DPI screen, a chat can stop half a pixel off the bottom. The gap is too small to notice, yet the browser stops following new messages. Here’s why, with a demo and a small fix: www.kripod.dev/blog/half-a-...

A phone… with a stylus? Pencil, I mean? We just went full circle.

Nobody walks into a meeting and says "Hi, I'm Sam, I'm in debt." Or in therapy. Or gay. Yet here I am, telling the whole internet. www.kripod.dev/blog/im-gay-...

Ten years of accessibility links in a private note. One question kept coming back. Who decided this, and where do I go to disagree? There’s almost always an answer, and it’s rarely where you’d look first. www.kripod.dev/blog/accessi...

One thing that I'm particularly delighted about was a great GitHub engineer partnering with the accessibility team to quietly push this out. A lot of people use GitHub via the command line and email, and folks there often forget it: github.blog/engineering/... www.osnews.com/story/144892...

envista loads your .env files. The right ones. Cascades by mode, in Vite’s order. Searches upward, so nested packages find the root .env. Node’s util.parseEnv does the parsing. envista is the last mile. Zero deps. github.com/kripod/envista

I was a bit hesitant getting this off my chest but here goes nothing 🙈

OpaqueRange API landed in Chrome/Edge beta youtu.be/Sp9C68TZXiE?...

I made an accessibility error when coding up some tooltips. Here's where I went wrong, and how you can avoid making the same mistake: jakearchibald.com/2026/my-tool...

Moment.html

Fontastic Space is a free tool to help you find the mathematically optimal font pairing. It give you pairing score on multiple categories (including anatomical comparison of ascender, cap height, x-height and more) fontastic.space/

TIL you can very simply type the key of a `for in` loop in TS by just hoisting the variable

Given recent exploits, we set out to harden our GitHub Actions. Our approach to syncing workflows across multiple repos made it easy.

Really cool idea 🤯 - Install this web font - Just add plain text to the DOM - It renders a chart using font ligatures No JS, no hydration FOUC franktisellano.github.io/datatype/

A post on social media promoting a post I wrote. ericwbailey.website/published/a-...

🎨 I gotta say, my latest is a little treasure trove: what even is `contain`?! csswizardry.com/2026/04/what...

Excited to open source Async History Stack: an undo/redo system I've been using for a while. ⏳ Async-friendly 🚫 Abortable entries 🚦 Merges, batches, chained operations 🌱 Works with anything github.com/kettanaito/...

Today marks the first illegal Budapest Pride march 🏳️‍🌈 🇭🇺 Just a reminder how brittle democracy can be, despite the citizens becoming more inclusive over time. Evil triumphs when the good do nothing…

Styling HTML form controls is something web designers & developers have wanted for years! My team is working on a solution — apply `appearance: base` and switch to a new interoperable consistent default control. Then override it using new pseudo-elements. See the details: drafts.csswg.org/css-forms/

Here's the math needed to adjust a color's lightness and eliminate the gray area where WCAG2 and APCA conflict on black/white foregrounds. Yes, it's CSS. And yes, it's blazingly fast. Usage: background: oklch⁠(⁠from⁠ ⁠<⁠color⁠>⁠ ⁠var⁠(⁠-⁠-⁠_⁠ak⁠-⁠safe⁠-⁠l⁠)⁠ ⁠c⁠ ⁠h⁠)⁠;

Reduce should never be used with a non-primitive accumulator imo. We have more semantic alternatives like: • Object.fromEntries() + entries​.map() • Object.groupBy() / Map.groupBy() Even for primitives we’ll have Math.sumPrecise() soon ⏳ github.com/tc39/proposa...

Visually-hidden elements should be preferred over explicit labeling. Despite being aware of that, I could never explain the “whys” before this article.

Had to use Safari for browsing the @npmjs.bsky.social ‘Versions’ tab of @astro.build The ‘astro’ package has 1,000+ releases and the associated page just froze while searching on Chrome: www.npmjs.com/package/astr... Perhaps the ‘content-visibility’ CSS property could help? web.dev/articles/con...

Just upgraded kripod.dev to Astro v5. While the migration took some effort, I could pull it off in one go thankfully to the well-written guidelines. It took less than an hour, running stronger than ever 🚀

fullystacked.net/svg-icons/

I never really found an ESLint config that’s fairly strict without going overboard So I went through hundreds of core + @typescript-eslint.io rules 1 by 1, hand-picking the severity and options for each. This project culminates all my years of experience with JS/TS so far github.com/kripod/eslin...

The deterministic nature of feeds here feels underappreciated in comparison to X. Finally I don’t lose track of where I’ve been when refreshing. I wish there was a catch-up marker splitting read and unread posts apart, like on Slack.

So ironic how JavaScript is among the most forgiving languages and yet TypeScript offers mind-boggling safety & convenience features built on top of such a flexible base.

“You either die a hero or you live long enough to see yourself become the villain.” Not quite literally but it’s so disheartening to see past role models showing their true colors.

Updated socials on my blog 🦋 to get rid of that confusing ‘X’ icon in the corner. It’s a great relief 💆 www.kripod.dev

Hello, Bluesky 👋 Feeds bring a breath of fresh air over here 🌬️