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.
Easy, just record the screen as a gif with Peek
Please read other comments before replying.
Forgot to put /s, it wasn't intended to be taken seriously. My bad
So what? Fuck Safari. Hardly anyone uses it anyway.
Just log the user agent and if it comes up as safari, redirect people to the Firefox download page :)
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:config and 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.
In my experience inkscape does a great job importing custom svg's. From there you can export them in other formats
When i used inkscape to export an SVG it kept adding a very faint white outline and I couldn't figure out why.
Oh, that's not great. I'm sorry, I cannot tell you either
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.
Not really, I just forget about it everytime I come back lol
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
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.
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.
Use lottiefiles or something similar. That seems the defacto standard for vector animations on mobile and the web.
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
Works on FF android.
Tested with: https://inputtypes.com/
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.
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.