Image Image Image Image Image Image Image Image Image Image

Geeks Union | February 27, 2017

Scroll to top

Top

One Comment

Gradient App Saves Time

Gradient App Saves Time

Lately there has been heavy problems with the new CSS3 gradient syntax and vendor prefixes. Every single browser has their own prefix and now some even have two. This makes a web designer’s life 100% more complex, not to mention they must write 4 or 5 lines of more code. If you are sick of trying to remember the syntax and the vendor prefixes for CSS3 gradients then the Mac app Gradient is for you!

Gradient app is a new app from Jumpzero that makes CSS3 much simpler! I, personally, was a beta tester through the 3 rounds, and absolutely love the application. Being a web designer, I am sick of trying to remember the syntax for CSS3 gradients, trying to remember which vendors have what prefix, and trying to remember where to color stops. Gradient app is in my list of must have design tools now!

When you launch Gradient you are given several small boxes on what button does what functionality. There is a viewer for viewing and selecting colors (and alpha transparency values) for the gradient. You can input RGB, Hex or HSL values as well. You can specify a linear gradient (and it’s spread direction) or a radial gradient (and it’s location as well). After you create the visual gradient you are looking for, just hit the ‘CSS’ button. A tool-tip box appears with the code generated and you can copy the code. There are several preferences including the fallback color.

The main selector screen for Gradient appCode export for Gradient app

Gradient app code export up closeGradient app preferences

If you are sick of fighting with CSS3 gradient syntax, then get Gradient. It’s a small investment that will go a long way!
Recommendation: Highly Recommend! 

Gradient App is produced by Jumpzero and can be bought in the Mac App Store.




0 comments

Trackbacks

  1. [...] syntax and the vendor prefixes for CSS3 gradients then the Mac app Gradient is for you! [read more http://geeksunion.com/gradient-app-saves-time/ [...]