Damian

@oczki.pl

99 Followers 117 Following

Product designer, software engineer, accessibility ally. Semantic HTML, CSS that actually cascades, and vanilla JS. Fan of puzzle games and metroidbrainias.

The mobile Signal client breaks words like "jak" into two lines.
AMD uses the word "AL" instead of "AI" on the product's official page. Perhaps they liked how the lowercase L looked?
Half-Moon appears as if it's cut by cables dangling from a construction crane.
Main screen of Inspiration Depot web app. The core content shows improv scene inspirations divided into nine categories, ranging from locations, characters, traits, emotions, relations, to actions, objects, times and genres.
Video shows the high contrast version of Inspiration Depot. The old version (on the left) has no visible structure due to relying on color and shadows. The new version (on the right) is much clearer with visible outlines, separators and borders, with hover interactions as well.
A triangle drawn in Figma, with overlaid lines that intersect at the triangle's centroid. The centroid is in the exact same spot as the bounding box's center.
Screenshot from Talos Principle 2, showing a laser beam going through a hole in the wall, bouncing off a connector into the receiver. The depth of field is low, so only the connector close to the camera is in focus.
Screenshot from Talos Principle 2, with a view of an island filled with puzzles. A spiky megastructure is placed in the center of the island.
Screenshot from latest CSS Working Group draft. Under "Trimming Leading Over/Under Text" heading, the warning says "Do not ship (yet)".
To achieve parity with Figma's rendering, your CSS needs to define the gradient with 100% opacity at both ends, and then mask it with mask-image to create a fade at one of the ends.
In CSS, you define the linear gradient and the blue color is completely ignored. With a 100% opaque red at one end and 0% opaque blue at the other, the middle value is red with 50% opacity. The blue color doesn't affect the gradient at all. This happens with all colors, it doesn't have to be blue. No matter what color is on the other end - if it's at 0% opacity, the resulting gradients will all look exactly the same.
In Figma, you define two ends of the gradient and get sensible intermediate values. So with a 100% opaque red at one end and 0% opaque blue at the other, the middle value is purple with 50% opacity, as expected.
An e-mail client showing three marketing mails from dbrand. The first one was sent at 19:00, the second at 21:00, and the last after midnight. The subject lines are clickbait and the contents of their mails are always full-size images, so you can't read them without loading external content.
My Bluesky profile analysis. 89 percent authenticity, 85 percent thought leader, with strong points in accessibility and coding techniques, both above 90 percent. The "Content DNA" section also mentions puzzle games, in addition to accessibility and coding.
A line of code in the Python programming language. After importing the regex module "re" and defining "n" variable as a number, this code prints True if "n" is a prime. Otherwise it prints False. Screenshot from Matt Parker's video.
Photo from Elderbrook's concert. The artist is in the view, but the focus is on another person's phone that's recording the show.
YouTube Music 2024 Recap. Top artists: Uppermost, Jon Hopkins, 65daysofstatic, Shirobon, Meganeko. Top tracks: Uppermost's Motion and Revolution, Snowblind, and Jon Hopkins's part 3 and part 1.
Comparison of two CSS code snippets. The left one uses absolute units for properties related to text, like font-size and letter-spacing. This approach is discouraged, because it overrides the user's root font size preference. The snippet on the right shows CSS with relative units that will result in the same look at default settings, but will also respect changes to root font size on user's end.
IGN movie scores by year, presented as a stacked bar chart with ten bars. Each year, over 80 percent of scores were in the 5 to 10 range. In 2019 the imbalance was the greatest, with around 95 percent of scores being 5 or higher.
Net Promoter Score scale. Scores 1 to 6 are considered bad, 7 to 8 are neutral, and only 9 to 10 are positive.
Comparison of review scales: classic versus modern. The classic one is balanced, with the average score in the middle. The modern one is heavily skewed towards high scores, with 7.5 being considered an average, passable rating.
Rectangular bar filled with a color gradient, labeled viridis. The color changes from light yellow, through juicy green, darker cyan, and ending in deep dark purple.
Two handheld consoles: Valve Steam Deck and AYN Odin 2 Mini. The Steam Deck is in a Killswitch case and rocks a Magma skin by dbrand.
The character ignites black powder leading to the metal door, then shoots the hot door with an ice beam. Internal stress shatters the door, opening the exit.
A cropped part of a Steam profile, showing a counter totaling 927 games.
Bidoof plushie, looking through a train window.