Advertisement · 728 × 90

Posts by Kristóf Poduszló

Preview
A compelling title that is cryptic enough to get you to take action on it An enticing social media preview summary.

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

1 week ago 45 12 13 1
What Is CSS Containment and How Can I Use It? – CSS Wizardry CSS containment lets you isolate layout and paint work to self-contained ‘islands’. Here’s what each contain value does and how to use it safely.

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

2 weeks ago 27 7 2 0
Preview
GitHub - kettanaito/async-history-stack: Arbitrary change history management in JavaScript. Arbitrary change history management in JavaScript. - kettanaito/async-history-stack

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/...

3 weeks ago 29 7 1 1

Feels as if the real achievement were the team behind the initiative, while the product itself is “just” a positive side-effect 😄

2 months ago 2 0 0 0

Fascinating! Imagine the impact this could make on accessibility if all the semantics are wired up correctly.

The only prop I couldn’t wrap my head around was `$mix={15}` 😅

2 months ago 1 0 1 0

Imagine following AI advice without a second opinion for the sake of “compliance” to avoid legal fines.

I heard about a company having an enthusiastic blind customer reaching out about a11y issues. A coworker proposed hiring them. Sadly, the firm rather contracted an infamous a11y company instead.

2 months ago 4 1 0 0

At Wise we had plenty of internal presentations on how the majority of customer support inquiries can be resolved by AI agents

See also anti-fraud startups like SEON or Fingerprint, both of which use AI in their core pattern matching algos

Perhaps the lack of publicity is for ensuring compliance?

3 months ago 1 0 0 0
Advertisement

It tells a lot that their flagship campaign slogan ‘the safe choice’ leaked and so the opposition registered the corresponding domain biztosvalasztas.hu, despite Fidesz trying to cope in digital spaces. Funnily enough the opposition even filed a patent for the slogan above to benefit from propaganda

3 months ago 1 0 1 0

So far so good! The name choice might be a bit of a stretch considering the small amount of authors the project was influenced by.

I have my own flavor based upon the comparison of UA stylesheets if interested: github.com/kripod/css-h...

8 months ago 1 1 1 0

Looks neat! Keep up the great work 🙌

9 months ago 1 0 0 0

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…

9 months ago 8 2 0 0
CSS Form Control Styling Level 1

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/

1 year ago 113 21 4 3

Could be a coincidence but ‘Réka’ is also a Hungarian given name for females 😄

1 year ago 0 0 0 0

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⁠)⁠;

1 year ago 35 4 4 0
Preview
no-labels - ESLint - Pluggable JavaScript Linter A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

There’s even an @eslint.org rule which prevents using labels in general but has the options ‘allowLoop’ and ‘allowSwitch’ to exempt those constructs: eslint.org/docs/latest/...

1 year ago 3 0 0 0

I agree. Just tried putting my thoughts more concisely, using a shorthand for ‘in my opinion’.

The answer here, like for most engineering problems, is ‘it depends’ 😄

1 year ago 0 0 0 0
Advertisement

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...

1 year ago 10 0 1 0

Visually-hidden elements should be preferred over explicit labeling.

Despite being aware of that, I could never explain the “whys” before this article.

1 year ago 1 0 0 0
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...

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...

1 year ago 2 0 0 0

It was all fun until missing the flagpole top in the invisible bit of “that” level 🙃

1 year ago 1 0 1 0

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 🚀

1 year ago 1 0 0 0

Literal unions ("a" | "b") are a thing while literal intersections aren’t 😅 The former has a certain ring to it, I hope that might help.

1 year ago 1 0 0 0
Preview
The best approach to SVG icons Inline SVG, <use>, <symbol>, spritesheets, JSX...

fullystacked.net/svg-icons/

1 year ago 3 1 0 0
Preview
The Surprising Truth About Pixels and Accessibility: should I use pixels or rems? • Josh W. Comeau “Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to u...

Also, @joshwcomeau.com wrote extensive guidance on the subtleties of px vs. rem www.joshwcomeau.com/css/surprisi...

1 year ago 1 0 1 0
Understanding Success Criterion 1.4.10: Reflow | WAI | W3C

‘Reflow’ deserves more spotlight as a WCAG criterion.

Visitors of a website should be able to browse content comfortably on a 320×256px viewport. That equals 400% zoom on a 1280×1024px screen but such an enlargement may also consist of 200% text-only + 200% UI zoom. www.w3.org/WAI/WCAG22/U...

1 year ago 0 0 1 0

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? 🤔

1 year ago 1 0 1 0
Advertisement

I wish more rules had convenient defaults nudging us to write better code 😄 (some are just a matter of preference, though) github.com/kripod/eslin...

1 year ago 1 0 1 0

That’s also why I use the ‘always’ option in my own linter config: github.com/kripod/eslin...

1 year ago 1 0 1 0
Preview
await - JavaScript | MDN The await operator is used to wait for a Promise and get its fulfillment value. It can only be used inside an async function or at the top level of a module.

That isn’t exactly the case as typescript-eslint’s docs refer to this example on MDN which throws an error asynchronously. The `await null` line makes a difference for the stack trace: developer.mozilla.org/en-US/docs/W...

1 year ago 4 0 1 1
Preview
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.

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...

1 year ago 3 0 0 0