| ▲ | Show HN: I built 48 lightweight SVG backgrounds you can copy/paste(svgbackgrounds.com) | ||||||||||||||||||||||
| 207 points by visiwig 13 hours ago | 42 comments | |||||||||||||||||||||||
| ▲ | Frannky 5 hours ago | parent | next [-] | ||||||||||||||||||||||
I am very confused by the comments, they seem too excited for this... Are they real or paid bots? If they are real, kudos to OP | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | wackget 2 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
These are great. Please consider adding a visible <textarea> with the CSS instead of relying on "click to copy" buttons. For security reasons, some users/browsers disable access to the clipboard which means there's no fallback way to copy the CSS. | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | hju22_-3 7 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
The notice about having "access" to the backgrounds is sticky, and takes up one third of the screen on mobile with no way to remove it . . . Why? | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | BoppreH 5 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
Those are excellent! The orange shingles are my favorite. Though I think some of them are not working on Firefox; the blue and green vortices are rendered as a single blue rectangle and a single green hexagon. I wonder how people are using them in a way that is not distracting to the main content. I've found that high-frequency patterns (small details with sharp transitions) can be a bit distracting, but I haven't found a good solution that doesn't compromise the beauty of the backgrounds. | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | karlshea an hour ago | parent | prev | next [-] | ||||||||||||||||||||||
Hey thanks so much! I actually found your site a bit over a year ago while I was redoing my portfolio and used one for my header. | |||||||||||||||||||||||
| ▲ | gerdesj 4 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
Not one of these efforts emulate <blink />. I want my money back. | |||||||||||||||||||||||
| ▲ | yesthisiswes 4 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
These are awesome! I’d love to use some of these for my solitaire game. Weird thing when I preview one of the backgrounds then scroll down the page on mobile the images disappear. I have to refresh the page to view all the backgrounds again after selecting one. I wonder if you should add names for the patterns so we can pick favorites? | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | visiwig 13 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
Each one can be copied as inline SVG or CSS using the background-image property with a data URI. Most are under 1KB. | |||||||||||||||||||||||
| ▲ | jjwiseman 5 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
I find it odd that there's a custom of blurring or obscuring exactly the thing I'm interested in when I show interest in it by mousing over it. | |||||||||||||||||||||||
| ▲ | throwaway2046 8 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
These are beautiful, thank you for sharing. I really like the one with the triangles, was it inspired by Rule 30? | |||||||||||||||||||||||
| ▲ | aerhardt 7 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
This is very cool but hasn’t it been around for like a decade? | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | dormento 9 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
This rocks. Thank you! | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | thekevan 6 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
This is top notch, great work! | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | democracy 3 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
it's great work man - been using your backgrounds for long long time now! | |||||||||||||||||||||||
| ▲ | pseudosavant 6 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
I'm a sucker for this kind of stuff, but I'm usually disappointed after clicking the link. These on the other hand are excellent, and that they have configurable options like stroke, color, etc is gravy on the top. Thanks for sharing! | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | dylanhouli 9 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
Great idea man, must be pulling in some good SEO traffic as well. | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | AbrarTheCrypt34 3 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
saved for later. exactly the kind of deep dive i was looking for | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | shah4as1 6 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
this is exactly what i needed | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | starkparker 13 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
What's the license? | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | Theodores 5 hours ago | parent | prev | next [-] | ||||||||||||||||||||||
What is your authoring tool for SVG? The SVG code is well written. It is neither Adobe bloat-spam-slop and neither is it overly SVGOMG'd. For picky SVG people you could have some easy way to present the code. Only a minority value quality SVG, artworkers do not look at SVG code and coders just see SVG as 'assets' from the artworker. SVG therefore has not evolved to a full art form. | |||||||||||||||||||||||
| |||||||||||||||||||||||
| ▲ | realaliarain74 4 hours ago | parent | prev [-] | ||||||||||||||||||||||
this matches my experience exactly | |||||||||||||||||||||||