4 ms·

Why are all the SVGs displayed as animated GIFs? Is there no way to display native SVG animation in the browser?

• eridius 10y ago
  Because it's also displaying the CSS edits, so you can see the SVG animation that results from the corresponding CSS edit.
  • ricardobeat 10y ago
    Could be done by embedding a codepen widget or anything similar. Right now the page is full of fuzzy images, on a post about vector graphics and code...
    • eridius 10y ago
      That would let you modify the code, but it wouldn't demonstrate the author modifying the values and the corresponding CSS changes. You'd have to do all that yourself.
• evandenn 10y ago
  We're using Ghost as our blogging platform with deliberate constraints. Constraints aside, if you notice throughout the article, I'm using Codepen to help visualize the edits as I make them. This helps reinforce the concepts and is pretty low friction. I also provide the link at the end so readers can follow along. Thanks for reading!
  • ctrl-j 10y ago
    I would look at your scaling. When I saw this post on Medium, I didn't really notice the gif-ness. On bitmatica.com it looks like everything is scaled & blurred - which makes everything look out of focus.
    • tedmiston 10y ago
      They appear to be non-retina for me on iOS too.
• maxwellito 10y ago
  You can make independent animated SVGs with this tool : https://maxwellito.github.io/vivus-instant/ https://maxwellito.github.io/vivus-instant/
• bencroskery 10y ago
  Here's one of the early svg drawing posts by Jake Archibald from a few years ago which is interactive: https://jakearchibald.com/2013/animated-line-drawing-svg/ https://jakearchibald.com/2013/animated-line-drawing-svg/