Spent hours making an animated SVG and Safari doesn't handle it
Spent hours making an animated SVG and Safari doesn't handle it
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.
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)
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.
Itâs all got to do with licences and patents, and which companies backed which standards.
How many trillions apple has again???
"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:configand turn it on yourself.
I heard that SVGs in
<img>tags are more restricted than ones in<object>or plain<svg>tags. Try using these instead.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.
So what? Fuck Safari. Hardly anyone uses it anyway.
In my experience inkscape does a great job importing custom svg's. From there you can export them in other formats
Just log the user agent and if it comes up as safari, redirect people to the Firefox download page :)
Not really, I just forget about it everytime I come back lol
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?
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
there's no single proper tool to export the fricking SVG to GIF
Not even ffmpeg?
Spent hours tracking down a test failure process and introduced a new bug in the process.
Meanwhile itâs been like 10â2 yrs and Firefox still hasnât got a month picker. Itâs so weird sometimes.
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
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.
Yeah, we needed it at work. And it should only display months
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.
Temporal is coming.
Works on FF android.
Tested with: https://inputtypes.com/
Use lottiefiles or something similar. That seems the defacto standard for vector animations on mobile and the web.
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?
Apple should experience bij.