Damian

Half-Moon appears as if it's cut by cables dangling from a construction crane.

Another simple shot that I'm pretty happy with.

#photography #moon

I'm definitely interested in modding it to add Polish. My mom would love this game!

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

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.

"'YOU WON'T BELIEVE'? Th–that doesn't mean anything, why would anyon—aaaand 80 thousand people shared it on Facebook."

From that image positioned directly below "Here's what to do instead", I initially thought you wanted to promote using carousels!

"Damian" works for me, thanks!

Polish (polski):

Poznaj sposoby tworzenia zachwycających interakcji z uroczymi detalami, z użyciem magii CSS, JavaScript, SVG i Canvas.
Zdradzam wszystkie moje triki!

None of the above are possible with links. The sender can modify what the link points to, fooling the initial scan by email client. Links will rot, like they always do. Linking requires me to do an action to keep the file. My email client won't scan the linked file's contents or preview them.

That post asks a question, but commenting is disabled - is that intended?

I vastly prefer attachments, because files are stored on the end I can control. No risk of link rot. The sender can't modify the file after sending (good for legal documents). Email client scans them and allows previews.

Does this work (even via cronjob) when you're in Deck's game mode?

There are games that like to crash and wipe your save (e.g. ZTD), so I'd love a hourly backup of specific titles, even during gameplay, without leaving game mode.

Yeah, every case is different. I like to mention that "delete repository" pattern when teaching about accessibility and preventing huge mistakes.

Thanks for the discussion!

Reserving space is tricky when you consider users who changed their root font size, need to support translations (e.g. German can be much longer than English), or have an error message that just can't be conveyed in a few words and needs more lines.

If it works well for the target audience, then sure! That's what's most important.

What I've learned from @adamsilverhq.bsky.social's Form Design Mastery course is that if you validate on submit, layout shifts aren't an issue. Users know how to scroll. And it would be best to break up a form into smaller parts if it has that many fields!

Even better - display hint text right below the label, above the input field, so that the text isn't covered by browser's autocomplete popup or a phone's virtual keyboard. Same for error messages.

(PDF) What's the Most Effective Way to Present Two-State Toggle Buttons? PDF | Two-state toggle buttons (e.g., On/Off, Yes/No, etc) are very common on web sites and in mobile apps. Both the Android and iOS toolkits have... | Find, read and cite all the research you need on...

Here's some research on it: www.researchgate.net/publication/...

Personally, if I really, really (really) have to use a segmented control, I insist on only using it if there are 3+ options to choose from, and I'm 100% sure people will know which option is selected.

I've seen way too many implementations with 2 options where it's not clear which one is selected.

Sad news, but instability is expected at this early stage of WCAG3.

APCA was quite a big improvement, and there are lots of a11y-related websites that assumed APCA is the future. Are there any plans to make a semi-official statement, so that this info gets around?

I expected the vanilla attr() to work with any property, but browsers limit it to the content of pseudoelements. :(

I started playing Talos Principle for the puzzles, and stayed for the plot. The sequel is even better and vastly expands the story with more characters and deeper philosophical questions, while you solve puzzles in beautiful environments. Such a lovely experience.

YouTube video by World of Longplays PC Longplay [492] NaissanceE

This reminded me of NaissanceE, where you have to repeatedly click to breathe, or you'll get winded...

youtu.be/yvmfKPtQn1E?...

Accessibility: Improve the look on high contrast mode · Issue #29 · oczki/inspiracje When a highly contrasting color theme is selected in Windows, the page loses its visual structure. Buttons, links, word sections, sliding sheets, and other elements look flat and non-interactive. T...

I consider myself fairly knowledgeable about accessibility, yet I learned a TON more this year.

Latest thing: not removing borders from <button>s, because high contrast mode relies on them. You can make the borders transparent, just don't remove them completely. More details in the linked issue.

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.

The regular version is visually unchanged - still colorful, still working well with keyboards, screen readers, taps, clicks, and swipe gestures. v2.4 looks identical to v2.3 at first glance.

Seemingly simple web app... yet doing it right to be accessible takes tons of work and testing.

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.

Great article, love this stuff. But when you rotate (or possibly animate) the triangle, the alignment should also be different again.

It will be centered geometrically, yep!

But I'm not 100% sure if it's centered optically. I would push the triangle a few notches to the left. See the linked example.

This makes it more useful for rotations – the shape doesn't get shifted off its center when you rotate it – and easier positioning.

If you need the bounding box to touch the shape, you can flatten the shape (Ctrl+E / Cmd+E).

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.

To make the shape's geometric center match the center of the bounding box.

You can see that it only happens to shapes with an odd number of sides. Even-numbered ones fill the entire height.

This needs further testing, for science.
Can you please think really hard that you love Meta and EA?

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.

The main character of Talos Principle 2 is looking at a giant golden plate with multiple dots in it. Some dots are lit up, signifying stars collected throughout the game so far.

The main character of Talos Principle 2 is sitting inside a virtual hole drilled in the wall. The hole's edge is lit up with sparks, as if it's being actively drilled - its existence is powered by a driller, which is not in view. A laser beam shoots right above the character, who doesn't seem to care.

More!

Accordion? We need details+summary of that story.