Mastodawn

Pfft. What is it with Typescript and Class mixins?

CSS has just added an image form of light-dark(). So as well as choosing between a pair of colors based on light or dark mode, you can also choose between a pair of images.
No you can't mix them because parsing would be hard.
#CSS

https://www.w3.org/TR/css-color-5/#light-dark

CSS Color Module Level 5

Egor Kloos Mar 10

keithamus Mar 10

I spent too much time looking at too many colo(u)rs to try and optimise them for csskit. Here are some interesting findings.

https://www.keithcirkel.co.uk/too-much-color/

Too Much Color

I spent too much time looking at too many colo(u)rs to try and optimise them for csskit. Here are some interesting findings.

Keith Cirkel

Egor Kloos Mar 10

Somehow I never got around to trying out `box-decoration-break` and now there is a new Codepen Editor mode. Good moment as any to play with both.

#css

https://codepen.io/editor/dutchcelt/pen/019cd223-cec0-7eaa-8a52-ffdc2254c059

Rotated text marker

A code demo by Egor Kloos created on CodePen

CodePen

Egor Kloos Mar 5

Aaron Gustafson Mar 5

People are not static, we are dynamic. In order to meet our needs at any point in our lives or day, the UIs we create must be able to adapt to us — not the other way around. https://www.linkedin.com/posts/derekfeatherstone_accessibility-disability-activity-7434648295420870656-mH3o

Accessibility varies by context and tool usage | Derek Featherstone posted on the topic | LinkedIn

I know someone that uses her screen reader on her mobile phone, but when she's on her desktop computer, she uses a mangifier. Different contexts, different tools, same person. I know someone that uses voice controls on his computer. He uses direct commands like "Click Contact Us" when he's near the start of his day, and commands like "Click link, twelve" when he's near the end of his day with lower energy and less clear speech and a dry mouth. Different energy/capacity, same tools, same person. I know someone that uses a switch on his computer. He also uses the onscreen keyboard on his computer. The one that he chooses reflects the task he's trying to accomplish and how he can minimize switching between the tools. Different task, same context, same tools, same person. Disability is not black and white... it's every shade of every colour. #Accessibility #Disability

Egor Kloos Mar 2

annaecook Mar 2

People got upset when GitHub (rightfully) called out usability/accessibility issues with toasts.

And now, I have to deal with some thought leaders’ anti take on it to my teams because they wanted to get attention for playing devils advocate.

Tech “thought leaders” tend to make my job harder 🙃

Egor Kloos Mar 2

Show thread

Peter Kröner Feb 27

🚩✊️️ TGIF, because Friday is Dependency Deletion Day! It has come to my attention that some folks STILL use lodash because of… cloneDeep?! I see about 150,000,000 weekly downloads for this ancient function on NPM, but come on—we've had structuredClone for some time, and it's better in every way.

👉️ https://developer.mozilla.org/en-US/docs/Web/API/Window/structuredClone

Can you guess which one is a valid syntax for style queries?

Think about it, then read my last post to find the correct answer (and understand why you got it wrong)

https://css-tip.com/if-trick/

#CSS #HTML

Egor Kloos Feb 27

Manuel Matuzović Feb 27

When you don't put `aria-hidden="true"` on decorative SVGs, they'll be announced by some screen readers.

#WebAccessibilityFails

https://matuzo.at/blog/2026/put-aria-hidden-on-presentational-svgs

Put aria-hidden=

I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

Manuel Matuzovic

Egor Kloos Feb 25

Firefox for Web Developers Feb 25

You can throw away innerHTML and replace it with the new setHTML(), which has a built-in sanitizer. Here's how it works:

Website	https://dutchcelt.nl
Codepen	https://codepen.io/dutchcelt
Linkedin	https://www.linkedin.com/in/dutchcelt/
GitHub	https://github.com/dutchcelt