It’s straightforward to share a static SVG online, but maybe you want tooltips or for elements to highlight when you hover over them. Flourish has a new template to provide the interactions easier. Seems promising.
Tags: Flourish, illustration, SVG
Category Archives: SVG
Posted by in apps, Flourish, illustration, SVG
Understanding the SVG path element, a visual guide
The SVG path element can be useful for drawing regular and irregular shapes. However, if you just look at how a path is defined, it’s not entirely clear how to use it. Nanda Syahrasyad made a visual guide to help you figure it out.
Tags: Nanda Syahrasyad, paths, SVG
Posted by in Coding, Nanda Syahrasyad, paths, SVG
SVG pattern repository
For when you want to fill SVG polygons with patterns instead of or in combination with color, Thomas Michael Semmler has a copy-and-paste collection. It’s just the basics, but it’s a convenient reference that could provide a starting point at the least.
Tags: patterns, SVG, Thomas Michael Semmler
Posted by in patterns, software, SVG, Thomas Michael Semmler
SVG and CSS animations, without JavaScript
Andrew Wang-Hoyer built over 200 animations on and off over two years. They are satisfyingly hypnotic. They also only use SVG, CSS, and HTML, and you can get the code on GitHub.
I feel like sans-JavaScript is becoming a thing. Is this becoming a thing?