Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: GradientMagic

gradientmagic.com

Post reply on HN
Print view View original

11–20 of 39 posts

Re: Show HN: GradientMagic

#11

Post by perk »

perk wrote: post #10
jordanmarshall wrote: post #4

Earlier quoted context omitted.

Great idea! I've considered adding an option to download individual gradients as an image, but I haven't thought about that as the primary focus. Certainly the number of people interested in cool backgrounds is going to be much larger than the current audience of frontend web developers. The cool thing is that the two target audiences aren't mutually exclusive. So long as I continue to build out the images in CSS, I…

FWIW html2canvas is pretty good for all html-screenshotty things. Might work here as well. https://html2canvas.hertzen.com/

Come to think of it, CSS isn't its strongest side. No support for filters I think. Maybe worth checking it out anyway.

Re: Show HN: GradientMagic

#13

Post by jordanmarshall »

perk wrote: post #11
perk wrote: post #10

Earlier quoted context omitted.

FWIW html2canvas is pretty good for all html-screenshotty things. Might work here as well. https://html2canvas.hertzen.com/

Come to think of it, CSS isn't its strongest side. No support for filters I think. Maybe worth checking it out anyway.

I looked into it before, and I don't think html2canvas would work. IIRC the only way to get the gradients was using the screen capture API [1], which works, but requires users to click an authorization prompt before use.

[1] https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capt...

Re: Show HN: GradientMagic

#14

Post by jordanmarshall »

mindvirus wrote: post #8

Beautiful! I'm going to use a few of these for my project. For monetization - maybe start with ads and add a https://www.buymeacoffee.com/ link or similar? I'm not convinced subscriptions would work, since I imagine that a lot of people need a gradient once and that's it, but you can always ask people. In terms of feature suggestions: - I like the edit colors feature - but can you make it global? i.e. I have my color…

Yeah, thats my concern with subscriptions as well. I'm not sure many people would need to come back that often. Maybe more premium features (like what you highlight below) would work? Instead of just being a hub for gradients, it becomes your first stop anytime you need a cool image.

I'd be curious as to what other non-css formats would be helpful. You mention Flutter LinearGradient, are there others? SVG certainly, is there a way to make images export friendly for Sketch or Figma?

Re: Show HN: GradientMagic

#15

Post by xingyzt »

Unfortunately Chrome doesn't do antialiasing on these constant-interpolation gradients. The bug is less noticeable here with low-contrast color pairs, but leaves ugly diagonals when you use them for finer patterns.

Re: Show HN: GradientMagic

#16

Post by Cyphase »

Great resource, thanks for making it!

One bit of feedback; it would be nice if there was a way to view the CSS within the site – and dynamically updated as you edit a gradient – instead of having to use the Copy CSS button and paste it somewhere to see it. Bonus points for nice formatting and comments.

Re: Show HN: GradientMagic

#17

Post by perk »

jordanmarshall wrote: post #13
perk wrote: post #11

Earlier quoted context omitted.

Come to think of it, CSS isn't its strongest side. No support for filters I think. Maybe worth checking it out anyway.

I looked into it before, and I don't think html2canvas would work. IIRC the only way to get the gradients was using the screen capture API [1], which works, but requires users to click an authorization prompt before use. [1] https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capt...

Hm. I've used image-screenshot [1] in the past together with html2canvas to get CSS filter support in screenshots. Don't know if it would work in your scenario though.

[1] https://www.npmjs.com/package/image-screenshot

Re: Show HN: GradientMagic

#18

Post by TedDoesntTalk »

jordanmarshall wrote: post #14
mindvirus wrote: post #8

Beautiful! I'm going to use a few of these for my project. For monetization - maybe start with ads and add a https://www.buymeacoffee.com/ link or similar? I'm not convinced subscriptions would work, since I imagine that a lot of people need a gradient once and that's it, but you can always ask people. In terms of feature suggestions: - I like the edit colors feature - but can you make it global? i.e. I have my color…

Yeah, thats my concern with subscriptions as well. I'm not sure many people would need to come back that often. Maybe more premium features (like what you highlight below) would work? Instead of just being a hub for gradients, it becomes your first stop anytime you need a cool image. I'd be curious as to what other non-css formats would be helpful. You mention Flutter LinearGradient, are there others? SVG certainly,…

I’d love to see these paired with css animations for subtle background changes between gradients.

Maybe that’s premium content. I’m not sure how useful it is to designers since I am not one.

Re: Show HN: GradientMagic

#19

Post by mindvirus »

jordanmarshall wrote: post #14
mindvirus wrote: post #8

Beautiful! I'm going to use a few of these for my project. For monetization - maybe start with ads and add a https://www.buymeacoffee.com/ link or similar? I'm not convinced subscriptions would work, since I imagine that a lot of people need a gradient once and that's it, but you can always ask people. In terms of feature suggestions: - I like the edit colors feature - but can you make it global? i.e. I have my color…

Yeah, thats my concern with subscriptions as well. I'm not sure many people would need to come back that often. Maybe more premium features (like what you highlight below) would work? Instead of just being a hub for gradients, it becomes your first stop anytime you need a cool image. I'd be curious as to what other non-css formats would be helpful. You mention Flutter LinearGradient, are there others? SVG certainly,…

My two cents would be to stay focused - there are a ton of general image search resources online. unsplash.com for example seems hard to beat. One place to consider expanding to would be CSS animated gradients though.

In terms of generating code: - Android - iOS (objective-c + swift) - React Native - Flutter

seem like the most popular non-CSS based mobile frameworks.

Re: Show HN: GradientMagic

#20

Post by ci5er »

mindvirus wrote: post #8

Beautiful! I'm going to use a few of these for my project. For monetization - maybe start with ads and add a https://www.buymeacoffee.com/ link or similar? I'm not convinced subscriptions would work, since I imagine that a lot of people need a gradient once and that's it, but you can always ask people. In terms of feature suggestions: - I like the edit colors feature - but can you make it global? i.e. I have my color…

May I ask where you live? pixelarity.com has a hundred-or-so (I haven't counted) Bootstrap templates that save me time whenever somebody wants me to set up a small website (for free - I hate that), and for the $5/month or $20/year or whatever it is - it's worth it to me.

I've notice that a lot of people on HN don't want to pay $20/month (or whatever) for things that save them hours and hours of work. I don't understand this unless they don't make much per hour (and this is a global community - so that may be real!).

How would one go about pricing for a global community? I'm assuming that my laziness drives my willingness to pay $20/month for something that is essentially outside of my cone-of-expertise, and I find value in that, but others done? (I also value time over money - which I have learned is not universal).

OK. That was a meandering comment - I apologize. Thought?

Post reply on HN