Mayank

front-of-the-front end developer. always listening to prog.

posting about HTML, CSS and other web stuff.

trying to build a less broken, more accessible web.

(posts will auto-delete after N days)

2025-07-19

@bkardell disappointed to learn that this post isn't about a servo-based browser

2025-07-19

@kgf it's creating so much noise in the issue tracker

you can't even block it because it's an "app", not a user

2025-07-19

the next generation of stalebots

Screenshot of a conversation on github. Someone said "Dosubot, the issue still persists", after which dosubot removed the stale label but closed the issue with the comment: "Thank you for your response! We appreciate your input regarding the issue. Since you mentioned it still persists, we'll go ahead and close this issue for now."
2025-07-19

@NicMakesStuff it's not easy, is it?

2025-07-19

@DavidDarnes i missed that this is in Firefox now

immediate thought: "wait, i can do things with it!"

Mayank boosted:
2025-07-18

An incomplete list of people excluded from 'international' conferences that are in-person only and aren't streamed or recorded
- People with caring responsibilities
- People with disabilities
- People with health vulnerabilities
- People who don't fly in recognition of climate emergencies
- People who work for orgs with ethical no-fly policies
- People who have their travel disrupted due to climate chaos
- People who only engage with fully open access scholarship (if you have to travel+pay to watch a talk, it's not at all open access, even if a related publication is)
- People who can't leave their country for fear of not being let back in
- People who can't get visas
- Unfunded/underfunded people
- People with unfavourable exchange rates
- People who have limited holidays off work
- People who can't afford it
- etc..

I guess you end up with rooms mostly of academics with travel budgets who are too senior to really do research any more, and research students with stipends. That's fine but the perspectives can feel limited, ungrounded and underinformed.. with a huge environmental cost.

2025-07-17

@zachleat 1 byte for every day in the human history

2025-07-17

✅ successfully managed to avoid having to use Adobe software today

2025-07-17

@Lukew it can be worked around using this `mask` + `background-color` hack: codepen.io/hi_mayank/pen/OJxaG

but i might as well just change the markup

2025-07-17

@Lukew it "works" but can't be styled (i.e. doesn't inherit `color` or custom properties).

so if you want to change the color for light vs dark (and other themes), you have to define completely separate urls

2025-07-17

@Lukew but then what's even the point of exposing it?

tbh i would like to be able to define custom images that can be set as `content`, similar to how user agents can define their internal ones.

2025-07-17

playing with the customizable HTML select today.

i find it weird that the `::picker-icon` is a pseudo-element that requires using old-school CSS tricks for customizing the glyph

developer.mozilla.org/en-US/do

2025-07-16

@Lukew can i play with it somewhere? i'm curious how well it handles keyboard usage

2025-07-16

@bkardell they solve different problems (scoping vs isolation), so i'm not expecting it to affect my usage of shadow DOM in any major way.

if anything, i'm hoping that i will be able to author shadow-agnostic stylesheets that can then be applied to either light DOM or shadow DOM.

2025-07-16

@swithinbank semantic concerns aside, if you're autoplaying+looping the video then it *must* have controls, otherwise you violate SC 2.2.2 w3.org/WAI/WCAG22/Understandin

2025-07-16

@swithinbank yeah i think the "group" is intentional, it's not a flat image. and it's only "empty" when there are no controls inside it.

i would not override the role, but maybe `aria-roledescription="video"` could work (though it does come with localization concerns)

2025-07-15

@swithinbank curious about two things:
1. are you using the `controls` attribute? then `aria-label`/`aria-labelledby` should work. see tpgi.com/short-note-on-aria-la (2017)
2. how come `figure`+`figcaption` doesn't work reliably? it should be content-agnostic.

2025-07-14

@chriskirknielsen indeed. i found this when researching how to build accessible context menus

there is still the Shift+F10 keyboard shortcut at least

2025-07-14

TIL: Windows has a context menu key, which is now being replaced by a "Copilot" key on many newer devices

en.m.wikipedia.org/wiki/Menu_k

2025-07-14

working on a really annoying performance issue that's caused by the fact that CSS anchor positioning does not support `transform` 🫠

i just want to set `translate: anchor(start)` so i can animate it smoothly

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst