There are three ways to fill or stroke SVG elements. You can use a solid color, a pattern, or a gradient. So far in this series we’ve seen the first two. Now it’s time to talk about the third, gradients.
Patterns for web design elements are usually created with images. While some patterns can be created using CSS alone, most involve images of some kind. Fortunately SVG makes it easy to create simple and more complex patterns that can scale with your design and likely require fewer http requests.
At the start of the year I recorded a series of podcasts looking at what I think is a changing market for freelance design and development services. I wanted to revisit the idea today, because I think I may have left a false impression with the series.