I recently ran across Dudley Storey’s blog, and it is a treasure trove of HTML, CSS and SVG goodness. My find was his post on SVG responsive maps, which is a pretty slick trick!
SVG Patterns is a great site with many examples of using SVG patterns for backgrounds.
SVG patterns have the benefit of being scalable (they are vector graphics) while typically being smaller than bitmap graphics. They also are have more browser support than CSS3 gradients.
The site links to code samples for each pattern on Codepen so you can test them out, fork them and play with them, etc.
The idea behind SVG patterns was inspired by CSS3 Patterns, which is pretty cool.
Through some random occurence I stumbled upon PJ Onori’s blog. I noticed a post titled “SVG CSS Injection” – that seemed pretty interesting, so I clicked. I was pleasantly surprised.
The code is available on Github, so you can fork it if you think it is awesome. I hope to have a chance to play with it. I may not get to use it at work, but maybe I can sprinkle some SVG goodness on this blog. We’ll see…