CoolHue ručno odabrane web-gradijentne knjižnice
Web gradijenti ovih su dana desetak puta jer CSS3 čini tako lako izraditi gradijente od nule, a uz ispravnu biblioteku koda još je lakše.
Tamo dolazi vrijednost coolHuea. Ova besplatna online knjižnica je možda najbolje mjesto pronađite sjajne gradijente za svoju web-lokaciju.
Većina nagiba slijedi vrlo svijetao dvobojni ili trobojni pastelni izbor. No, gradijenti su jednostavni za uređivanje tako da ih možete dobiti na bilo kojem mjestu.
Na glavnoj stranici možda neće izgledati puno. To je uglavnom zbirka ručno odabranih gradijenta različitih nijansi i boja. Ipak, ako posjetite GitHub repo pronaći ćete i drugu priču. Ova zbirka je najbolji izbor za pronalaženje personalizirane palete boja, sve su posebno dizajnirane za web-lokacije.
Dovoljno je jednostavno premjestiti ove gradijente u korisničko sučelje mobilnih aplikacija. No otkrio sam da su oni najkorisniji s novijim dizajnerskim trendovima kao što su sjene.
Prilikom uređivanja web-lokacije možete prenijeti nijanse boja u prilagođeni niz varijable colorData. To bi se trebalo pojaviti unutar glavnog HTML-a zajedno sa svim elementima gradijenta.
Pomoću JavaScripta imate potpunu kontrolu nad time kako se boje međusobno stapaju. CSS3 također može podržavati više boja, ali je teže uspostaviti rad na svim elementima stranice i svim preglednicima.
Sa stranicom coolHue možete čak i preuzmite besplatne PNG datoteke gradijenta. Na taj način možete ih uređivati u projektima grafičkog dizajna, nacrtima web-lokacija ili ih koristiti izvan sirovog HTML / CSS / JS koda.
A ako ste veliki Photoshop korisnik, postoji čak i .grd datoteka gradijenta sa svim coolHue gradijentima. Super pravo?
Posjetite GitHub repo za upute za postavljanje i isječke primjera koda. Tamo ćete također pronaći datoteku PS gradijenta zajedno s datotekom gradijenta Sketch i još mnogo toga.