Damian
@oczki.pl
Product designer, software engineer, accessibility ally. Semantic HTML, CSS that actually cascades, and vanilla JS. Fan of puzzle games and metroidbrainias.
Got it! Can't wait to dig in. I also really appreciate Josh's support for regional pricing.
We’re live!! My brand-new course, “Whimsical Animations”, is now available. 🥳🎉
whimsy.joshwcomeau.com
I’m so excited to share all of my animation tools and techniques with y’all. 😄
whimsy.joshwcomeau.com
I’m so excited to share all of my animation tools and techniques with y’all. 😄
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
whimsy.joshwcomeau.com
September 24, 2025 at 8:53 PM
Got it! Can't wait to dig in. I also really appreciate Josh's support for regional pricing.
@signal.org This is weird, but I suddenly can't write the words containing "j" and "k" without them getting a newline.
I'm writing "jak jak jak"
It displays as:
jak jak
jak
This only occurs on mobile. Desktop displays the message normally.
I'm writing "jak jak jak"
It displays as:
jak jak
jak
This only occurs on mobile. Desktop displays the message normally.
September 12, 2025 at 11:22 AM
@signal.org This is weird, but I suddenly can't write the words containing "j" and "k" without them getting a newline.
I'm writing "jak jak jak"
It displays as:
jak jak
jak
This only occurs on mobile. Desktop displays the message normally.
I'm writing "jak jak jak"
It displays as:
jak jak
jak
This only occurs on mobile. Desktop displays the message normally.
Something felt off about this "AI" word there. Turns out it's not "AI". It's "Al"—or AL, if you capitalize it.
www.amd.com/en/products/...
AMD, why?
Tagging @gamersnexus.bsky.social
www.amd.com/en/products/...
AMD, why?
Tagging @gamersnexus.bsky.social
August 13, 2025 at 10:34 AM
Something felt off about this "AI" word there. Turns out it's not "AI". It's "Al"—or AL, if you capitalize it.
www.amd.com/en/products/...
AMD, why?
Tagging @gamersnexus.bsky.social
www.amd.com/en/products/...
AMD, why?
Tagging @gamersnexus.bsky.social
August 1, 2025 at 6:30 PM
Defeated by web platform inconsistencies...
I made a small web component that glues an element to a physical pixel across fullscreen state changes. For reasons.
...But it only works on Windows, on the primary monitor, and Brave shields break it.
If you want to improve it - be my guest. I give up.
I made a small web component that glues an element to a physical pixel across fullscreen state changes. For reasons.
...But it only works on Windows, on the primary monitor, and Brave shields break it.
If you want to improve it - be my guest. I give up.
Custom web component. Glues an element so hard it doesn't budge when you go fullscreen and back. Pretty much only works on Windows, Brave shields break it, and doesn't play well with multi-monitor set...
Custom web component. Glues an element so hard it doesn't budge when you go fullscreen and back. Pretty much only works on Windows, Brave shields break it, and doesn't play well with multi-...
gist.github.com
April 11, 2025 at 5:39 PM
Defeated by web platform inconsistencies...
I made a small web component that glues an element to a physical pixel across fullscreen state changes. For reasons.
...But it only works on Windows, on the primary monitor, and Brave shields break it.
If you want to improve it - be my guest. I give up.
I made a small web component that glues an element to a physical pixel across fullscreen state changes. For reasons.
...But it only works on Windows, on the primary monitor, and Brave shields break it.
If you want to improve it - be my guest. I give up.
I'm super proud of my recent #accessibility improvements in my Inspiration Depot web app (idea generator for improv actors). I've focused on high contrast theme; even if exactly zero users will see the changes, I'm still happy with what I've learned while working on this.
Left: old, right: new.
Left: old, right: new.
December 29, 2024 at 9:50 PM
I'm super proud of my recent #accessibility improvements in my Inspiration Depot web app (idea generator for improv actors). I've focused on high contrast theme; even if exactly zero users will see the changes, I'm still happy with what I've learned while working on this.
Left: old, right: new.
Left: old, right: new.
#accessibility / #frontend question:
If your website has a sticky header, is there any downside to adding CSS `scroll-margin-top` to EVERY SINGLE element?
If your website has a sticky header, is there any downside to adding CSS `scroll-margin-top` to EVERY SINGLE element?
December 5, 2024 at 8:38 AM
#accessibility / #frontend question:
If your website has a sticky header, is there any downside to adding CSS `scroll-margin-top` to EVERY SINGLE element?
If your website has a sticky header, is there any downside to adding CSS `scroll-margin-top` to EVERY SINGLE element?
There’s a bug in @figma.com, caused entirely by super confusing rendering of gradients in #CSS. I don't really blame Figma.
Imagine you want to show a gradient from red (at 100% opacity) to blue (at 0% opacity). In Figma, the middle is purple at 50% opacity. But CSS completely ignores the 0% color!
Imagine you want to show a gradient from red (at 100% opacity) to blue (at 0% opacity). In Figma, the middle is purple at 50% opacity. But CSS completely ignores the 0% color!
November 30, 2024 at 7:44 PM
There’s a bug in @figma.com, caused entirely by super confusing rendering of gradients in #CSS. I don't really blame Figma.
Imagine you want to show a gradient from red (at 100% opacity) to blue (at 0% opacity). In Figma, the middle is purple at 50% opacity. But CSS completely ignores the 0% color!
Imagine you want to show a gradient from red (at 100% opacity) to blue (at 0% opacity). In Figma, the middle is purple at 50% opacity. But CSS completely ignores the 0% color!
November 30, 2024 at 8:23 AM
This made my day. A Continue & Persist letter! Not only is the idea wholesome, but their website is funny too.
Continue & Persist Letter
Continue & Persist Letter
continueandpersist.org
November 29, 2024 at 8:53 AM
This made my day. A Continue & Persist letter! Not only is the idea wholesome, but their website is funny too.
Reminder that you can implement the sieve of Eratosthenes (finding all prime numbers) using regular expressions.
It's free!
It's easy!
It actually works!
```python
print(not re.match(r'^.?$|^(..+?)\1+$', 'x'*n))
```
(Image from @standupmaths.bsky.social's video)
It's free!
It's easy!
It actually works!
```python
print(not re.match(r'^.?$|^(..+?)\1+$', 'x'*n))
```
(Image from @standupmaths.bsky.social's video)
November 26, 2024 at 8:55 AM
Reminder that you can implement the sieve of Eratosthenes (finding all prime numbers) using regular expressions.
It's free!
It's easy!
It actually works!
```python
print(not re.match(r'^.?$|^(..+?)\1+$', 'x'*n))
```
(Image from @standupmaths.bsky.social's video)
It's free!
It's easy!
It actually works!
```python
print(not re.match(r'^.?$|^(..+?)\1+$', 'x'*n))
```
(Image from @standupmaths.bsky.social's video)
I've built inspirac.je - Inspiration Depot - a tool with 3000+ scene ideas for improv actors.
Normally you'd get scene ideas from the audience, but you don't have the audience during training. My web app aims to help in these situations.
Vanilla JS and CSS. Only in Polish for now, English soon.
Normally you'd get scene ideas from the audience, but you don't have the audience during training. My web app aims to help in these situations.
Vanilla JS and CSS. Only in Polish for now, English soon.
Magazyn Inspiracji
Tysiące pomysłów do scen teatru improwizowanego.
inspirac.je
November 22, 2024 at 8:05 AM
I've built inspirac.je - Inspiration Depot - a tool with 3000+ scene ideas for improv actors.
Normally you'd get scene ideas from the audience, but you don't have the audience during training. My web app aims to help in these situations.
Vanilla JS and CSS. Only in Polish for now, English soon.
Normally you'd get scene ideas from the audience, but you don't have the audience during training. My web app aims to help in these situations.
Vanilla JS and CSS. Only in Polish for now, English soon.
November 20, 2024 at 10:44 PM
I just got back to Balatro after a few months. Only one round and that soundtrack is already looping in my head, again.
#balatro #makeitstop #please
#balatro #makeitstop #please
November 19, 2024 at 9:11 PM
I just got back to Balatro after a few months. Only one round and that soundtrack is already looping in my head, again.
#balatro #makeitstop #please
#balatro #makeitstop #please
Just had a puzzling issue when testing a new nav button. Worked with mouse, worked with keyboard, but... not when a screen reader was running. Huh?
It turned out that my Narrator and NVDA readers started in Scan mode. After pressing Caps Lock + Space to toggle it off, the button worked as expected.
It turned out that my Narrator and NVDA readers started in Scan mode. After pressing Caps Lock + Space to toggle it off, the button worked as expected.
November 19, 2024 at 2:15 PM
Just had a puzzling issue when testing a new nav button. Worked with mouse, worked with keyboard, but... not when a screen reader was running. Huh?
It turned out that my Narrator and NVDA readers started in Scan mode. After pressing Caps Lock + Space to toggle it off, the button worked as expected.
It turned out that my Narrator and NVDA readers started in Scan mode. After pressing Caps Lock + Space to toggle it off, the button worked as expected.
Friendly reminder: don't use absolute (px, pt, ...) or viewport (vw, vh, ...) units for CSS properties related to text.
When you use px for font-size, you override user's preference. Use rem and em instead.
Josh's article has more details: www.joshwcomeau.com/css/surprisi...
#accessibility #css
When you use px for font-size, you override user's preference. Use rem and em instead.
Josh's article has more details: www.joshwcomeau.com/css/surprisi...
#accessibility #css
November 17, 2024 at 11:13 PM
Friendly reminder: don't use absolute (px, pt, ...) or viewport (vw, vh, ...) units for CSS properties related to text.
When you use px for font-size, you override user's preference. Use rem and em instead.
Josh's article has more details: www.joshwcomeau.com/css/surprisi...
#accessibility #css
When you use px for font-size, you override user's preference. Use rem and em instead.
Josh's article has more details: www.joshwcomeau.com/css/surprisi...
#accessibility #css
I'm redesigning my portfolio, which includes recreating this illustration that compares review scales. (Originally for anime reviews, but applies to all media.)
Would you agree with this? Do you think the modern scores are inflated, and we collectively forgot how to use the full scale?
#design
Would you agree with this? Do you think the modern scores are inflated, and we collectively forgot how to use the full scale?
#design
November 16, 2024 at 7:07 PM
I'm redesigning my portfolio, which includes recreating this illustration that compares review scales. (Originally for anime reviews, but applies to all media.)
Would you agree with this? Do you think the modern scores are inflated, and we collectively forgot how to use the full scale?
#design
Would you agree with this? Do you think the modern scores are inflated, and we collectively forgot how to use the full scale?
#design
Bluesky hint: It appears that some settings are not synced between web and mobile clients, so make sure you toggle on the Accessibility > Alt text toggles on all your devices!
November 16, 2024 at 9:52 AM
Bluesky hint: It appears that some settings are not synced between web and mobile clients, so make sure you toggle on the Accessibility > Alt text toggles on all your devices!
Those two fellas made me play SO MANY games in the last two years. And that magma skin is just perfect.
#steamdeck #odin2
#steamdeck #odin2
November 15, 2024 at 10:18 PM
Those two fellas made me play SO MANY games in the last two years. And that magma skin is just perfect.
#steamdeck #odin2
#steamdeck #odin2
Hey, Bluesky! Looking to connect with:
🖌️ UX/UI designers
⌨️ Frontend developers
🦾 Accessibility allies
I'm fluent in Figma, use the cascade part of CSS, write in vanilla JavaScript, and make presentations on digital accessibility. I also play puzzle games and metroidbrainias.
#promosky
🖌️ UX/UI designers
⌨️ Frontend developers
🦾 Accessibility allies
I'm fluent in Figma, use the cascade part of CSS, write in vanilla JavaScript, and make presentations on digital accessibility. I also play puzzle games and metroidbrainias.
#promosky
November 14, 2024 at 8:52 PM
Hey, Bluesky! Looking to connect with:
🖌️ UX/UI designers
⌨️ Frontend developers
🦾 Accessibility allies
I'm fluent in Figma, use the cascade part of CSS, write in vanilla JavaScript, and make presentations on digital accessibility. I also play puzzle games and metroidbrainias.
#promosky
🖌️ UX/UI designers
⌨️ Frontend developers
🦾 Accessibility allies
I'm fluent in Figma, use the cascade part of CSS, write in vanilla JavaScript, and make presentations on digital accessibility. I also play puzzle games and metroidbrainias.
#promosky
Reading "Practical Charts" cursed me with knowledge of how bad most charts are. And in the first 20 pages my mind has been blown twice.
Like this "obvious" way that I had NEVER thought of and audibly gasped at its brilliance.
Like this "obvious" way that I had NEVER thought of and audibly gasped at its brilliance.
November 14, 2024 at 8:32 PM
Reading "Practical Charts" cursed me with knowledge of how bad most charts are. And in the first 20 pages my mind has been blown twice.
Like this "obvious" way that I had NEVER thought of and audibly gasped at its brilliance.
Like this "obvious" way that I had NEVER thought of and audibly gasped at its brilliance.
