News for hackers. Stuff that matters.
Re:SVG: The Good, the Bad and the Ugly by ROARosen on Friday February 12, 2021 @01:04PM (#26116556)
Love it! I'm just wondering, aside from the animation part do you ever need to edit an Illustrator-generated svg?
Re:SVG: The Good, the Bad and the Ugly by nikkwong on Friday February 12, 2021 @02:26PM (#26117526)
I do personally for color control. You can see my heavy use of SVGs here at a site I'm in the middle of implementing [0]. For example, if you look in the :root {} you will see a lot of CSS variables that are declared and which manipulate their HSL value based on base variables like --hue. The SVGs implement these. So you can change the global --hue, and the hue of all the SVG elements on the page will change. I've modified output SVGs from figma/illustrator to reference a variable rather than a hardcoded fill i.e. <path fill="red"> becomes <path fill="var(--base)"> That's a simple example, you can go further to change relative saturation and lightness as well, which I also do with CSS calc(). It's fun!

[0] www.holysnacks.us

Re:SVG: The Good, the Bad and the Ugly by dillondoyle on Friday February 12, 2021 @04:56PM (#26119016)
i like the sun rays!!

I do love the mix of css vars into SVG. it makes a lot of sense to me too.

Re:SVG: The Good, the Bad and the Ugly by ROARosen on Sunday February 14, 2021 @09:36AM (#26132719)
Wow I never thought of doing animations that way. Great stuff!