visiwig | 2 days ago | on: Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
visiwig's comments
visiwig | 8 days ago | on: Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
cool, hope you find something useful!
visiwig | 8 days ago | on: 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.
visiwig | 8 days ago | on: 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.
visiwig | 8 days ago | on: Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
Thank you!
visiwig | 8 days ago | on: Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
You're welcome. Glad you found something useful!
visiwig | 8 days ago | on: 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!
visiwig | 8 days ago | on: Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
Much appreciated, always nice to hear that :)
visiwig | 8 days ago | on: 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.
visiwig | 8 days ago | on: 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.
visiwig | 8 days ago | on: Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
Glad I shared at the right time :)
visiwig | 8 days ago | on: 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.
visiwig | 8 days ago | on: Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
Hey thanks!
visiwig | 8 days ago | on: 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.
visiwig | 8 days ago | on: 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.
visiwig | 8 days ago | on: 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.
visiwig | 8 days ago | on: 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.
visiwig | 8 days ago | on: 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.
visiwig | 9 days ago | on: 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 :)
visiwig | 9 days ago | on: Show HN: I built 48 lightweight SVG backgrounds you can copy/paste
Glad you think so, you're welcome, enjoy!
page 1
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.