uiGradients: Modern Dual-tone Colour Gradients for Designers & Developers by Indrashish Ghosh
I've had this lovely website bookmarked for a few weeks now, after initially tweeting it; it's been in my 'to blog' list until now. Christmas is all but here, and I wanted to post something colourful and useful.
— Graham 'Logo' Smith (@thelogosmith) November 29, 2015
If you struggle to come up with pleasing gradients for your designs, then uiGradients is worth bookmarking. It'll allow you to select from a healthy library of colour gradients from which to bring your web designs to life.
You can also 'Get the CSS Code' (as below), which makes it super easy to make your website look really pretty:
background: #7b4397; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #7b4397 , #dc2430); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #7b4397 , #dc2430); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
If you're the sort of person that likes to give as well as take, then you can also 'Add your Gradient', for instant Karma points:
Adding a gradient is easy. All gradients are read from a
gradients.jsonfile which is available in this project's repo. Simply add your gradient details to it and submit a pull request
Copyright © 2006-2016 All Rights Reserved The Logo Smith :
Logo & Brand Identity Design Studio, with 25 Years Experience.
The PR Room - PR Agency Services:
Technology PR, Internet of Things PR and Smart Home PR.