User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
Admin
Wyvern-shaped software developer and hobby vector artist. Also sometimes a fluffy werewolf alien creature (Areon).

Creator of the neofoxes, neocats and other emojis.
wvrnBox
Website
https://volpeon.ink/
Speaking German, English
Age 30s
Pronouns he / him
Backup Account @volpeon@goto.wyvern.rip
Bonus Content @areon@icy.wyvern.rip
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
eep
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@mametsuko Tofu has laid out the belly trap
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Question for accessibility experts:

This is the gallery section on my website. I implemented the navbar and tab bar like ARIA suggests, so tabbing will only select the active element and you can focus another item using the left and right keys. This seems reasonable to me.

For the image grid, I'm planning to use arrow key navigation here as well, so you can tab in, and the next tab key press will focus whatever comes after the grid. Arrow up/down/left/right will let you select any grid item.
Good or bad?
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@Erpel
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
The best part of winter is animals becoming extra floofy wvrnCute
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Wait, the Document Outline Algorithm is dead? Why? Who the fuck enjoys manually choosing an appropriate <h1> - <h6> element when the structure could be inferred from the container??
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@puniko

blank ⚪⚪⚪⚪
⚪⚪
wvrnFlat ⚪⚪
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Gib snow neofox_pleading_reach
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@Erpel NaN,NaN,NaNa,NaNy,NaNt BATMAN
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Now that live action How To Train Your Dragon is becoming a thing, I'll look forward to the remake we all need and deserve: Shrek
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
I'm glad I didn't go to bed yet, because now I got to see not just one but several Tofu photos wvrnFlat
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
I can't believe I had to cut this post in two to fit on Bsky. What a ridiculously low character limit
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
After all this time, it's rare for me to use CSS and get confused by its behavior, but today was such a day.

I had an element with "position: relative" and "&::after { position: absolute }". Whenever the ::after element was displayed, the outer element's size changed, but only if it also contained a child element with a margin.

This shouldn't happen? Why would an absolute-positioned element affect anything? I chose "::after { position: absolute }" specifically to add a focus indicator without it interfering with the layout.
neofox_googly_shocked
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
When the eepy hits
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
So my boss hates io-ts and I thought I could use regular TypeScript interfaces to keep frontend and backend route types synchronized.
It would work, if it weren't for Date objects and being automatically sent as strings.
baa

I know about Zod, which looks better, but now I found this:
github.com/arktypeio/arktype
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
I can't get over how nice my logo turned out drgn_flat_heart
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@privateger There are so many ways this could be solved.
Set the cache to 5 min so it handles large bursts of requests.
Load a cached article and use JS to swap cached ads with dynamic ones.
Look at the user agent and use a cached version if it matches Mastodon (and other known scrapers), if you insist on dynamic ads without JS.
That took me 2 minutes of brainstorming, like come on.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Audiophile PC case
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
If your website goes down from posting it on fedi, that's a sign that you should fix it