Kristóf Poduszló
@kripod.dev
Software engineer with a special interest in accessibility. Builds for the web, mainly using React and Tailwind CSS nowadays.
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…
Just a reminder how brittle democracy can be, despite the citizens becoming more inclusive over time. Evil triumphs when the good do nothing…
For as long as I live, I'll never get over the fact that we've walked on the moon, harnessed the sun's power, and made it possible to send messages around the planet in mere seconds...
...yet we're still so stupidly primitive we think where you were born should determine what rights you have.
...yet we're still so stupidly primitive we think where you were born should determine what rights you have.
June 28, 2025 at 3:46 AM
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…
Just a reminder how brittle democracy can be, despite the citizens becoming more inclusive over time. Evil triumphs when the good do nothing…
Reposted by Kristóf Poduszló
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/
CSS Form Control Styling Level 1
drafts.csswg.org
March 5, 2025 at 5:41 PM
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/
Reposted by Kristóf Poduszló
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);
Yes, it's CSS. And yes, it's blazingly fast.
Usage:
background: oklch(from <color> var(--_ak-safe-l) c h);
February 15, 2025 at 7:46 PM
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);
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...
• Object.fromEntries() + entries.map()
• Object.groupBy() / Map.groupBy()
Even for primitives we’ll have Math.sumPrecise() soon ⏳ github.com/tc39/proposa...
December 16, 2024 at 11:02 PM
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...
• 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.
Despite being aware of that, I could never explain the “whys” before this article.
📝 New post!
`aria-label` and `aria-labelledby` aren't allowed on divs, spans, and other static text elements out of the box, and *most* screenreaders won't announce them.
#accessibility #a11y
`aria-label` and `aria-labelledby` aren't allowed on divs, spans, and other static text elements out of the box, and *most* screenreaders won't announce them.
#accessibility #a11y
Don’t Use aria-label on Static Text Elements
Don’t use the aria-label or aria-labelledby attributes on divs, spans, or other elements representing static/noninteractive text-level semantics, unless you’re also updating roles.
benmyers.dev
December 8, 2024 at 4:50 AM
Visually-hidden elements should be preferred over explicit labeling.
Despite being aware of that, I could never explain the “whys” before this article.
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...
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...
content-visibility: the new CSS property that boosts your rendering performance | Articles | web.dev
The CSS content-visibility property enables web content rendering performance benefits by skipping rendering of off-screen content. This article shows you how to use this new CSS property for faster i...
web.dev
December 7, 2024 at 7:13 AM
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...
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 🚀
December 4, 2024 at 7:35 AM
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 🚀
Reposted by Kristóf Poduszló
I wish the @tailwindcss.com will revise some changes before releasing v4, especially concerning accessibility. It’s such a responsibility to get things right at their scale.
Perhaps advanced features like breaking out of atomicity might be put behind a flag or at least discouraged by the docs? 🤔
Perhaps advanced features like breaking out of atomicity might be put behind a flag or at least discouraged by the docs? 🤔
Wrote my own thoughts on Tailwind 4. There’s a lot of good, some ok, and one terrible addition.
I also added some thoughts about things that are longstanding issues in Tailwind that should be fixed.
nmn.sh/blog/2024-11...
I also added some thoughts about things that are longstanding issues in Tailwind that should be fixed.
nmn.sh/blog/2024-11...
November 30, 2024 at 2:14 PM
I wish the @tailwindcss.com will revise some changes before releasing v4, especially concerning accessibility. It’s such a responsibility to get things right at their scale.
Perhaps advanced features like breaking out of atomicity might be put behind a flag or at least discouraged by the docs? 🤔
Perhaps advanced features like breaking out of atomicity might be put behind a flag or at least discouraged by the docs? 🤔
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...
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...
GitHub - kripod/eslint-config: Pragmatic ESLint config for robust collaboration
Pragmatic ESLint config for robust collaboration. Contribute to kripod/eslint-config development by creating an account on GitHub.
github.com
November 17, 2024 at 11:32 PM
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...
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.
I wish there was a catch-up marker splitting read and unread posts apart, like on Slack.
November 10, 2024 at 7:57 AM
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.
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.
I'll remember the world before and after this PR: github.com/microsoft/Ty...
The new era of conditional types checking is coming in TypeScript 5.8!
The new era of conditional types checking is coming in TypeScript 5.8!
Narrow generic conditional and indexed access return types when checking return statements by gabritto · Pull Request #56941 · microsoft/TypeScript
Fixes #33912.
Fixes #33014.
Motivation
Sometimes we want to write functions whose return type is picked between different options, depending on the type of a parameter. For instance:
declare const ...
github.com
November 7, 2024 at 8:12 PM
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.
Not quite literally but it’s so disheartening to see past role models showing their true colors.
True story: 14 years ago I wrote one of the letters of recommendation Guillermo needed to get a visa so he could live and work in this country. And now here he is congratulating the party of mass deportations. What the fuck, Guillermo. What the fuck.
November 7, 2024 at 7:05 AM
“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.
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
It’s a great relief 💆 www.kripod.dev
Kristóf Poduszló
Software engineer with a special interest in accessibility. Builds for the web, mainly using React and Tailwind CSS nowadays.
www.kripod.dev
November 5, 2024 at 6:20 AM
Updated socials on my blog 🦋 to get rid of that confusing ‘X’ icon in the corner.
It’s a great relief 💆 www.kripod.dev
It’s a great relief 💆 www.kripod.dev
Hello, Bluesky 👋
Feeds bring a breath of fresh air over here 🌬️
Feeds bring a breath of fresh air over here 🌬️
November 4, 2024 at 11:04 PM
Hello, Bluesky 👋
Feeds bring a breath of fresh air over here 🌬️
Feeds bring a breath of fresh air over here 🌬️