The Background Blog
The Background Blog covers topics at the cross section of web design, entrepreneurship, and all things SVG.
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
How to create SVG Blobs
You can use a SVG generator to create simple blobs. However, if you want more control, use a vector design program, let's learn how.
READMatt Visiwig | Apr 25, 2023
Introduction of SVG Elements
Product Update: The site has major developments, I added a new section that allows SVG Backgrounds to offer more than backgrounds. The site will now offer various types of SVGs
READMatt Visiwig | Apr 19, 2023
SVG basics: Styling shape elements
We will breakdown a few foundational attributes you can use to change the appearance of SVG shape elements: fill, stroke, and opacity.
READMatt Visiwig | Mar 7, 2023
Improved the SVG to CSS converter
Product Update: When I launched in 2018, supporting older browsers meant we had to URL encode most of the special characters, but now there is a more modern approach.
READMatt Visiwig | Jan 17, 2023