this post was submitted on 27 Jan 2025
259 points (97.4% liked)

Programmer Humor

33569 readers
55 users here now

Post funny things about programming here! (Or just rant about your favourite programming language.)

Rules:

founded 5 years ago
MODERATORS
AgreeableLandscape@lemmy.ml
cat_programmer@lemmy.ml
259
Spent hours making an animated SVG and Safari doesn't handle it (lemmy.balamb.fr)
submitted 3 weeks ago by mehdi_benadel@lemmy.balamb.fr to c/programmerhumor@lemmy.ml
42 comments fedilink hide all child comments
 

Not only Safari is unable to show basic elements (less than Gnome Web which is Webkit based too), there's no single proper tool to export the fricking SVG to GIF. I've never wanted to flip a table that much in my life.

top 42 comments
sorted by: hot top controversial new old
[–] user224@lemmy.sdf.org 37 points 3 weeks ago* (last edited 3 weeks ago) (2 children)

Safari was also late to implement AV1 video support. Based on caniuse website, only MS Edge was later, though you could install an extension to get it running.

Oh, and when I say "support", I mean you'd have to buy a new device.

Supported only on devices with hardware decoder, e.g. iPhone 15 Pro, M3 MacBook Pro, etc.

Edit: Chrome since v. 70 (2018-10-16), Firefox fully since v. 67 (2019-05-21), Firefox partially since v. 55 (2017-08-08) whatever "Not supported by default, but can be enabled" means, Safari since v. 17 on newer devices (2023-09-26)

https://caniuse.com/av1

[–] narc0tic_bird@lemm.ee 15 points 3 weeks ago (2 children)

Apple was very late to add AV1 support to their ecosystem in general. As you state, support for hardware decoding was only added with the M3/A17 Pro chips in 2023. There's still no AV1 hardware encoder on any of Apple's chips.

I think they were waiting on H.266 and whether it succeeds for too long, they were/are big on H.265 (and all the other HEVC-related stuff like HEIC) so that'd make sense from that perspective.

[–] pieter91@sh.itjust.works 7 points 3 weeks ago

It’s all got to do with licences and patents, and which companies backed which standards.

[–] LiamTheBox@lemmy.ml 2 points 3 weeks ago

How many trillions apple has again???

[–] SirQuackTheDuck@lemmy.world 6 points 3 weeks ago* (last edited 3 weeks ago)

"Not supported by default, but can be enabled"

If it's about Firefox, it means you can go to the dusty basement breakerbox that's about:config and turn it on yourself.

[–] bricked@feddit.org 24 points 3 weeks ago

I heard that SVGs in <img> tags are more restricted than ones in <object> or plain <svg> tags. Try using these instead.

[–] Boomkop3@reddthat.com 20 points 3 weeks ago

In my experience inkscape does a great job importing custom svg's. From there you can export them in other formats

[–] tetris11@lemmy.ml 8 points 3 weeks ago (1 children)

Well yeah, you didn't withhold money from them. If you're going to throw money at them for removing features every new release, why the hell would they update their browser?

[–] LodeMike@lemmy.today 3 points 3 weeks ago (1 children)

? Does OP have a Mac?

[–] tetris11@lemmy.ml 2 points 3 weeks ago (1 children)

¿¡ could be !?

[–] LodeMike@lemmy.today 3 points 3 weeks ago (1 children)

OP referenced GNOME browser. I suspect they looked up compatibility.

[–] tetris11@lemmy.ml 2 points 3 weeks ago

Ah okay. I think my accusatory point still stands, albeit with the "you" now generalised as "you all". I'm good at making friends.

[–] bleistift2@sopuli.xyz 8 points 3 weeks ago (1 children)

[–] mehdi_benadel@lemmy.balamb.fr 3 points 3 weeks ago

Not really, I just forget about it everytime I come back lol

[–] SatyrSack@feddit.org 7 points 3 weeks ago (1 children)

there's no single proper tool to export the fricking SVG to GIF

Not even ffmpeg?

[–] Ephera@lemmy.ml 14 points 3 weeks ago (1 children)

Alternatively, the less proper tool: Record your screen, cropped to the SVG.

GIF, MP4 and such, they're just a bunch of pixel grids. They don't care where those pixels came from.

[–] mehdi_benadel@lemmy.balamb.fr 7 points 3 weeks ago (1 children)

Great idea, except that it has transparency...

[–] user224@lemmy.sdf.org 22 points 3 weeks ago (1 children)

Well, fuck it, now it doesn't.

Just do a little... and you'll be good to go.

[–] TheRealKuni@lemmy.world 4 points 3 weeks ago

Oh wow, that brought me through a wormhole to the past.

[–] Ironfacebuster@lemmy.world 6 points 3 weeks ago

Assuming you haven't tried it, what about an online converter to APNG? Those look like they are almost fully supported by every major browser (and have transparency!)

As for the online converter part, it might end up looking terrible but it's a place to start I guess

[–] kryptonidas@lemmings.world 4 points 3 weeks ago

Use lottiefiles or something similar. That seems the defacto standard for vector animations on mobile and the web.

[–] sfxrlz@lemmy.world 4 points 3 weeks ago (3 children)

Meanwhile it’s been like 10–2 yrs and Firefox still hasn’t got a month picker. It’s so weird sometimes.

[–] undefined@lemmy.hogru.ch 8 points 3 weeks ago* (last edited 3 weeks ago) (1 children)

Can we talk about why the hell the date-time picker is not in UTC or ISO8601 by the way?? Am I the only one hacking the format to inject the time zone so the server has some type of fucking clue as to what it is? Even then you’re still screwed because DST may have changed between the current date and/or time and the one selected.

[–] bleistift2@sopuli.xyz 4 points 3 weeks ago

Temporal is coming.

[–] Rin@lemm.ee 8 points 3 weeks ago (1 children)

Works on FF android.

Tested with: https://inputtypes.com/

[–] sfxrlz@lemmy.world 2 points 3 weeks ago* (last edited 3 weeks ago) (1 children)

Ja ff android bro …

[–] Rin@lemm.ee 1 points 3 weeks ago (1 children)

Works on desktop too

[–] sfxrlz@lemmy.world 3 points 3 weeks ago* (last edited 3 weeks ago) (1 children)

Which Firefox desktop version are you using then ? Because in nightly, it does not work.

And mdn says no aswell

Edit: And the ticket is still open

[–] Rin@lemm.ee 3 points 3 weeks ago (1 children)

Huh... i used specifically the Date chooser and it came out with a box. I'm sorry for misunderstanding

[–] sfxrlz@lemmy.world 3 points 3 weeks ago

You’re good I was just confused at first

[–] Swedneck@discuss.tchncs.de 7 points 3 weeks ago (2 children)

what do you mean by month picker? Like, you want a dialog specifically for picking a month and nothing else?

because there's a perfectly fine date picker, including month selection

[–] bleistift2@sopuli.xyz 3 points 3 weeks ago

Well, that ‘perfectly fine’ date picker has some usability issues, like being way too small to enter dates comfortably, and missing features like the inability to highlight dates, and you can even enter invalid dates like September 31.

[–] sfxrlz@lemmy.world 2 points 3 weeks ago

Yeah, we needed it at work. And it should only display months

[–] Maiq@lemy.lol 3 points 3 weeks ago

I don't know what works on Safari as I haven't even tried to design for it since before flash died. Have you tried JS libraries like GSAP?

https://gsap.com/svg/

[–] markstos@lemmy.world 3 points 3 weeks ago

Spent hours tracking down a test failure process and introduced a new bug in the process.

[–] Presi300@lemmy.world 3 points 3 weeks ago* (last edited 3 weeks ago)

Just log the user agent and if it comes up as safari, redirect people to the Firefox download page :)

[–] Psythik@lemmy.world 3 points 3 weeks ago

So what? Fuck Safari. Hardly anyone uses it anyway.

[–] mehdi_benadel@lemmy.balamb.fr 2 points 3 weeks ago

I ended up making a script to convert them properly, from things I found on the web here and there.

https://github.com/pixelfed-glitch/brand-assets/blob/main/svgtogif.js

For resizing GIFs, I recommend imagemagick CLI tool though.

[–] pewpew@feddit.it 2 points 3 weeks ago (1 children)

Easy, just record the screen as a gif with Peek

[–] mehdi_benadel@lemmy.balamb.fr 0 points 3 weeks ago (1 children)

Please read other comments before replying.

[–] pewpew@feddit.it 2 points 3 weeks ago

Forgot to put /s, it wasn't intended to be taken seriously. My bad

[–] data1701d@startrek.website 1 points 3 weeks ago

Apple should experience bij.