The Background Blog
The Background Blog covers topics at the cross section of web design, entrepreneurship, and all things SVG.
Added content-wide search
Product Update: Content-wide search has been on my roadmap for a while, but until my recent work building up the new SVG collections, hasn't been as necessary.
READMatt Visiwig | Sep 14, 2023
New: 10 backgrounds with animation
Product Update: One of the most common requests I've been fielding from customers is to get more animated backgrounds, so I doubled the collection size.
READMatt Visiwig | Sep 1, 2023
How to make animated loading graphics with only SVG
We’re going to create animated preloaders with SVG and nothing else. No CSS or JS is required. Once you know the basics, it’s easy to make variations.
READMatt Visiwig | Aug 25, 2023
New: 132 Geometric Doodles
Product Update: After starting off the doodle series with single purpose sets (underlines, circles, and arrows), I decided to create a wider range of decorative doodles.
READMatt Visiwig | Aug 15, 2023
New: 24 Animated loading graphics
Product Update: I designed 24 SVG preloaders. You'll be able to adjust the color, speed, and size of the preloaders. Link provided so you can view the collection.
READMatt Visiwig | Aug 1, 2023
New: 200 plump icons released
Product Update: This is version 1 of the first set of icons I ever designed. The icons are all designed on a 24x24 grid and are all a single solid color.
READMatt Visiwig | Jul 18, 2023
Creating vector doodles by drawing on paper
Explore the first of a three-part series, mastering the creation of organic, textured vector doodles from your hand-drawn sketches.
READMatt Visiwig | Jul 11, 2023
New: 45 Circle doodles
Product Update: The latest release of my doodle series features ovals that you can use to circle keywords or other elements. The doodle style is hand-drawn.
READMatt Visiwig | Jul 5, 2023
10 new backgrounds: blobs, depth, and gradients
Product Update: I've been rounding out the background collections, so they all contain closer to 20 backgrounds. That's why I created for various collections this time.
READMatt Visiwig | Jun 27, 2023
New: 64 Arrow doodles
Product Update: I continued designing more SVG doodle graphics, this time focusing on hand-drawn arrows. One of the new features I've added is that these arrows can be rotated.
READMatt Visiwig | Jun 15, 2023
New: 48 Underline doodles
Product Update: I designed and added a new collection to the SVG elements section of the site. Pro members get access to all 48 SVG underlines.
READMatt Visiwig | Jun 1, 2023
Data URIs are a wildly underused website speed optimization
Using SVG Data URIs reduces HTTP requests, boosts load speed, allows for dynamic SVG manipulation, and provides advantages to your web development workflow,
READMatt Visiwig | May 22, 2023
New SVG Elements: List Item Bullets
Product Update: I created and published a new set of icons, specifically meant for list items, you know those unordered lists that usually have blocks dots, aka HTML bullets.
READMatt Visiwig | May 15, 2023
Custom CSS Bullets with ::marker
It's easy to add a custom SVG bullet, declare list-style-image: with your image and you're 80% done. The challenge is in making size and position adjustments.
READMatt Visiwig | May 5, 2023
Added search to help you find backgrounds
Product Update: I added the ability to search backgrounds. You can find the search page under Backgrounds > Search Backgrounds or by visiting svgbackgrounds.com/search
READMatt Visiwig | May 1, 2023
3 ways to use SVG blobs on your website (CSS)
We're going to demo three practical ways to use SVG blobs in your website design with CSS: as a background, shape divider, and a mask.
READMatt Visiwig | Apr 27, 2023