The Background Blog
The Background Blog covers topics at the cross section of web design, entrepreneurship, and all things SVG.
SVG basics: drawing circles and ovals
Learn the basics of the CIRCLE and ELLIPSE elements in SVG. We dissect their similarities and differences and how to style these circular SVG elements.
READMatt Visiwig | Oct 31, 2022
10 new geometric patterns added
Product Update: The latest update include 10 new repeating patterns with a mic of hexagonal, earthy, and stipe designs.
READMatt Visiwig | Oct 20, 2022
Is SMIL dead in 2022? Nope
Fast-forward to 2022 and the only browsers that don’t support SMIL are Internet Explorer (officially retired) and Opera Mini. Does that mean SMIL is alive?
READMatt Visiwig | Sep 29, 2022
Save your own colors with this new feature
Product Update: You can now save up to 10 brand colors, which are available for quick selection in the background editor.
READMatt Visiwig | Sep 20, 2022
5 new mesh gradient backgrounds added
Product Update: Mesh gradients have become quite popular, but SVG is limited to linear and radial gradients. I came up with some techniques to recreate SVG mesh gradients.
READMatt Visiwig | Aug 12, 2022
10 new animated backgrounds added
Product Update: Based on a user request, I designed a small set of 10 animated backgrounds.
READMatt Visiwig | Jun 8, 2022
Performance improvement: faster loading content
Product Update: After reports that the page that hosts the entire background collection was loading slowly, improvements were made to help the page and content load faster.
READMatt Visiwig | Jun 1, 2022
New export option: PNG
Product Update: You now can export backgrounds as a PNG, which is great for software that doesn't fully or partially support SVG files or code.
READMatt Visiwig | May 16, 2022
How to Add SVG Backgrounds in GIMP
In this quick tutorial, we’ll show how to get and apply SVG Backgrounds in GIMP. As well as cover when and why you would want to use SVGs instead of JPGs.
READAnthony McGuigan | Apr 14, 2022
CSS can’t animate gradients, but SVG can
Want to animate gradients for your website, but sad that CSS can’t help? Well it’s time to learn about SVG gradients and how to animate them.
READMatt Visiwig | Mar 30, 2022
The ultimate guide to creating SVG patterns for websites
Learn how to design SVG patterns by identifying patterns, making pattern tiles, designing and coding patterns, and applying patterns with CSS.
READMatt Visiwig | Mar 10, 2022
How to add SVG Backgrounds in Canva
In this video and written tutorial, we'll demonstrate how to get and apply SVG Backgrounds in the Canva editor.
READMatt Visiwig | Feb 16, 2022
How to add SVG Backgrounds in Webflow
This is a tutorial on how to get SVG backgrounds working in Webflow. There are two methods SVG uploads and CSS (if you have a paid version of Webflow)
READMatt Visiwig | Jan 21, 2022
How to add SVG backgrounds into the Gutenberg editor
Learn how to add backgrounds to Gutenberg blocks using the magic of CSS classes. You don't need to know how to code for this beginner's tutorial.
READMatt Visiwig | Jan 5, 2022
How to add SVG backgrounds to WordPress
I'll show you the easiest way to add an SVG background to your WordPress website, whether you use a pagebuilder, built your own custom themes, or use Gutenberg.
READMatt Visiwig | Dec 22, 2021
How to add SVG backgrounds to WordPress pagebuilders
I will break down how to add an SVG background to your designs on the most popular pagebuilders on WordPress, which all use a similar approach.
READMatt Visiwig | Dec 8, 2021
