Damian
Damian
@oczki.pl
Product designer, software engineer, accessibility ally. Semantic HTML, CSS that actually cascades, and vanilla JS. Fan of puzzle games and metroidbrainias.
101 followers118 following150 posts
@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.
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
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.
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!
Here's a CodePen that shows the comparison in CSS. Ultimately, this is a bug in #Figma, because the generated code doesn't yield the intended result. But again - I don't blame them. There should be a way to force CSS to use a more sensible rendering of gradients, avoiding pre-multiplied RGBA.
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!
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)
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.
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
Another example can be seen in Josh George's recent video about IGN's review scale (youtu.be/s0h_1uvqi5E). In the last 10 years, over 80% of IGN's movie reviews were in the 5-10 range. As a result, it's not really clear if their 7 is actually a positive recommendation, or if the movie is just meh.
You are up to date.