Hacker News Reader

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

I'm not familiar with, and have not tried, any of the Jetbrains tools.

When you say psuedocode, are you talking ::before ::after or something else? I've used svg icons on elements as background-image DataURIs -- probably similar if not the same thing. Yes I know who Lea Verou is and she's influenced one of my SVG tools I've released.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

cool, hope you find something useful!

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Fair, I was fine going this direction because you're a click a way from get the full view and with the hover there isn't much more "preview" to show. My number one priority with the hover was making it obvious the given thumb is interactive.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Thanks, I've designed a few UIs for manipulating graphics and spent a few tries iterating and improving this one in particular. There was a need to show as much background as possible, sometimes the limitations lead to some creative choices. I'm quite pleased how it came out myself.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Thank you!

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

You're welcome. Glad you found something useful!

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

No I've never heard about Rule 30, I would have been nervous to click that link if it wasn't leading to a Wikipedia article, phew, but the concept is quite cool and inspiring. Thanks for sharing that with me!

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Much appreciated, always nice to hear that :)

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Hey thanks, I didn't pay for bots, unsure how to prove that though.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Hey great eye. I generally design in Illustrator with a plugin by Astute graphics that allows me to reduce unnecessary anchor points, run the exported SVG through SVGOMG, and then spend solid time hand coding each background in VS Code with the SVG extension by Jock that let's me see a live preview. Then on the actual site the customizer script I wrote will catch some attributes that aren't needed and remove them, but it's far from perfect.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Glad I shared at the right time :)

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Thanks for the kind words! I've played around a lot with SVG and love how you can change various attributes to achieve cool effects.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Hey thanks!

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Good memory. I launched in 2018 (8 years ago) and have been adding more graphics over the years -- doubling this specific collection / freebies.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Hmmm, that doesn't sound right. Do you mind reaching out to me via the contact form and dropping any more details such as device/browser? BTW, each background does have name, but I hide that on mobile since real estate is limited.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

I took a look at FireFox and I think it's working, but not obvious that you need to slide the top range slider for the full effect. It would look better if I reversed the effect, I'll have to rethink that.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Fair point. Once you click a thumb to preview the button, it becomes the UI to manipulate the backgrounds. I'll take a look and rethink the setup.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Solid point, I used to do this, and it wouldn't be hard to go back or add a show code button so users can copy the CSS as text.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Yes, I was lucky enough to find a keyword domain that was available. Would recommend :)

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Glad you think so, you're welcome, enjoy!

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

The license can be found here: svgbackgrounds.com/license

Summary: You can use graphics in personal or commercial projects, you cannot use the graphics as the primary integrity of your product, you must provide attribution (svgbackgrounds.com/attribution)

And before anyone rips off my head, attribution can be placed inside commented out code, so it doesn't need to take away from your design.

visiwigon Show HN: I built 48 lightweight SVG backgrounds you can copy/paste

Each one can be copied as inline SVG or CSS using the background-image property with a data URI. Most are under 1KB.

visiwigon SVG Backgrounds

"Can I still use the backgrounds I already installed?"

— Yes, you just can't save/download backgrounds for future use.

"If I pay monthly, I want at least monthly updates."

— Great point and I'm trying to get better about this. The bulk of my income is from freelancing, but as SVG Backgrounds grows I'm carving out more time to make improvements and add new graphics. One day, I hope to be able to make the site my sole focus.

Pricing: If you're curious, I explained my choice in detail here: https://www.svgbackgrounds.com/why-our-design-assets-are-pri...

visiwigon SVG Backgrounds

Sure, some only have a need for a background or two, others have ongoing needs.

In your case at $10 per image, wouldn't a $15/month subscription be a good value if you got 2+ images (a value of $20+) — assuming you cancel before being rebilled?

Or are you saying, regardless of value, having to cancel isn't worth the hassle?

visiwigon SVG Backgrounds

Nope, you don't lose the license.

Once your subscription ends, you can keep all the backgrounds you added in your projects, BUT you can't add new backgrounds to new projects.

visiwigon SVG Backgrounds

Fair enough, I understand not everyone will think the price is reasonable.

However, I'd point out that one single comparable image from iStock costs $12 to $33, while $15 with SVGBackgrounds.com will get you unlimited backgrounds for unlimited projects in a single month.

If you have one or two website projects in a given month and use a total of 2 or more backgrounds — you get better value.

PS: I built the site and all the backgrounds, here's an in-depth article on pricing that I wrote a while back: https://www.svgbackgrounds.com/why-our-design-assets-are-pri...

visiwigon SVG Backgrounds

Thanks for reporting the bug Quartz. I'll have to look into this.