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

Programmer Humor

33104 readers
968 users here now

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

Rules:

founded 5 years ago
MODERATORS
cat_programmer@lemmy.ml
AgreeableLandscape@lemmy.ml
259
Spent hours making an animated SVG and Safari doesn't handle it (lemmy.balamb.fr)
submitted 5 days ago by mehdi_benadel@lemmy.balamb.fr to c/programmerhumor@lemmy.ml
45 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 45 comments
sorted by: hot top controversial new old
[–] user224@lemmy.sdf.org 38 points 5 days ago* (last edited 5 days 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 5 days 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 5 days ago

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

[–] LiamTheBox@lemmy.ml 2 points 5 days ago

How many trillions apple has again???

[–] SirQuackTheDuck@lemmy.world 7 points 4 days ago* (last edited 4 days 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.

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

Easy, just record the screen as a gif with Peek

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

Please read other comments before replying.

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

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

[–] bricked@feddit.org 24 points 5 days ago

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

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

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

[–] Boomkop3@reddthat.com 20 points 5 days ago (1 children)

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

[–] Xavienth@lemmygrad.ml 2 points 5 days ago (2 children)

When i used inkscape to export an SVG it kept adding a very faint white outline and I couldn't figure out why.

[–] Boomkop3@reddthat.com 4 points 5 days ago

Oh, that's not great. I'm sorry, I cannot tell you either

[–] MoonMelon@lemmy.ml 2 points 5 days ago

That sounds like a "premultiplied alpha" issue. Although I'm not familiar with this specific workflow, I always suspect premultiplied alpha issues when there's a halo like that. If there's an option try toggling it.

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

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

[–] bleistift2@sopuli.xyz 8 points 4 days ago (1 children)

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

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

[–] tetris11@lemmy.ml 8 points 4 days 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 4 points 4 days ago (1 children)

? Does OP have a Mac?

[–] tetris11@lemmy.ml 2 points 4 days ago (1 children)

¿¡ could be !?

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

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

[–] tetris11@lemmy.ml 2 points 4 days 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.

[–] mehdi_benadel@lemmy.balamb.fr 1 points 3 days 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.

[–] Ironfacebuster@lemmy.world 6 points 4 days 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

[–] SatyrSack@feddit.org 7 points 5 days ago (1 children)

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

Not even ffmpeg?

[–] Ephera@lemmy.ml 14 points 5 days 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 6 points 5 days ago (1 children)

Great idea, except that it has transparency...

[–] user224@lemmy.sdf.org 19 points 5 days ago (1 children)

Well, fuck it, now it doesn't.

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

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

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

[–] markstos@lemmy.world 3 points 4 days ago

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

[–] sfxrlz@lemmy.world 4 points 5 days 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.

[–] Swedneck@discuss.tchncs.de 7 points 5 days 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 4 days 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 4 days ago

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

[–] undefined@lemmy.hogru.ch 8 points 5 days ago* (last edited 5 days 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 4 days ago

Temporal is coming.

[–] Rin@lemm.ee 8 points 5 days ago (1 children)

Works on FF android.

Tested with: https://inputtypes.com/

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

Ja ff android bro …

[–] Rin@lemm.ee 1 points 4 days ago (1 children)

Works on desktop too

[–] sfxrlz@lemmy.world 3 points 3 days ago* (last edited 3 days 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 2 days 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 2 days ago

You’re good I was just confused at first

[–] kryptonidas@lemmings.world 4 points 5 days ago

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

[–] Maiq@lemy.lol 3 points 5 days 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/

[–] data1701d@startrek.website 1 points 5 days ago

Apple should experience bij.