jack

@JackDotJS

3D Artist | Programmer

he/him
jackdotjs.github.io/

✨ welcome to my loser lounge ✨

im jack, and sometimes i say words (very unfortunate). i also make stuff that isn't words, like 3d art or other creative projects. you can check that out with this super duper epic and cool tag:

#stuff i made

thanks for visiting :)

find me elsewhere! https://jackdotjs.github.io/

jack @JackDotJS11/8/2022, 10:52 PM

torcado @torcado

torcado @torcado11/8/2022, 9:25 PM

more cohost shenanigans:
I made a funny avatar that changes depending on where you see it :)

these are all the same image (you can check for yourself!)
profile view:

comment view:

inline post view:

#html tricks #css #kinda #i have actual things i want to do but i keep getting distracted with this stuff haha

jack @JackDotJS11/8/2022, 10:52 PM

TIL cohost allows SVGs for avatars.

as incredibly cool as this is, i don't think this is gonna be very good for UX, especially if someone deliberately tries using completely different images at each size. at best, it could just be confusing for people. at worst, it could be straight up deceiving. :/

#not sure about this tbh...

You must log in to comment.

in reply to @torcado's post:

sirmilkman @SirMilkman11/8/2022, 9:28 PM

woah this is cool

torcado @torcado11/8/2022, 9:31 PM

😋

✨ aria (dub) | zeni(th)@trashcataria11/8/2022, 9:34 PM

oh that's hecking clever!

jae @jkap11/8/2022, 9:38 PM

this is sick

torcado @torcado11/8/2022, 9:47 PM

haha thanks! :D

~@modulusshift11/8/2022, 9:40 PM

oh my goodness that's amazing

Pearl Nayker @purrl11/8/2022, 9:42 PM

how is this done?

torcado @torcado11/8/2022, 9:49 PM

SVGs support css, including media queries. screen size testing media queries in an SVG test against the embedded size. So i'm just showing/hiding resources based on that size :)

walking mirage @atomicthumbs11/8/2022, 9:55 PM

god damn

Jeran @Jeran11/8/2022, 10:14 PM

this is why file formats are my favorite thing in computers™️. i didnt even know SVG supported animation!

Edgar Castro @EonNomad11/8/2022, 10:42 PM

whoa, really like this!

@Jonah11/8/2022, 11:46 PM

I am here for this level of hyper specific chosting wizardry.

Kurogane @Kurogane-san11/9/2022, 12:25 AM

Really Cool 😎

Noa @noa-grey11/9/2022, 12:57 AM

omg that’s so rad

Zircus @zirc11/9/2022, 3:55 AM

Oh that is interesting! I noticed the SVG animation a little while ago and just assumed that the inline view was some kind of cropping side-effect lol. Really clever using media queries for this.

torcado @torcado11/9/2022, 4:52 AM

haha thanks! yeah I was testing out a few versions for a bit before landing on this one

Brian Campbell @lambda11/9/2022, 4:25 PM

Oh, dear. This seems to have revealed a bug in Firefox on HiDPI displays; I get the same image for profile view and comment view, and I get the flappy icon that should be for comment view on the inline post view.

Filed https://github.com/webcompat/web-bugs/issues/113724 to report this issue.

PinballsWizard @pinball11/21/2022, 6:34 PM

your comment let me know that i was not seeing it as it should be, looks like they've closed your issue though which is not too helpful of them

Brian Campbell @lambda11/26/2022, 8:07 PM

Unfortunately, the fan on the laptop where I saw this died, and I'm waiting for a new one to be shipped from China, so I can no longer repro. I've filled a Bugzilla ticket, copying over the info from the webcompat repo; if you can reproduce, would you be able to post a confirmation and things like your exact user agent?