CoolHue Handplukket Pastell Web Gradient Library

Webgradienter er et dime et dusin i disse dager, da CSS3 gjør det så enkelt å lage gradienter fra bunnen av, og med riktig kodebibliotek er det enda enklere.

Det er her verdien av coolHue kommer inn. Dette gratis online biblioteket er kanskje det beste stedet å finn fantastiske gradienter for nettstedet ditt.

De fleste gradienter følger et veldig lyst tofarget eller trefarget pastellvalg. Men gradienter er enkle å redigere, slik at du kan få disse til å fungere med et hvilket som helst nettsted.

Fra hovedsiden kan det ikke se ut som mye. Det er for det meste en samling håndplukkede gradienter med forskjellige fargetoner og fargevalg. Likevel, hvis du besøker GitHub repoen, finner du en helt annen historie. Denne samlingen er det beste valget for å finne personlige fargepaletter, alt spesielt designet for nettsteder.

Det er lett nok å portere disse gradienter i en mobil app-brukergrensesnitt også. Men jeg har funnet de mest nyttige med nyere designtrender som drop shadows.

Når du redigerer nettstedet ditt, kan du Pass fargetoner inn i et tilpasset utvalg variabel colorData. Dette bør vises i hoved HTML sammen med alle gradientelementene dine.

Ved hjelp av JavaScript har du full kontroll over hvordan fargene passer sammen. CSS3 kan også støtte flere farger, men det er tøffere for å få dem til å fungere på tvers av alle sideelementer og alle nettlesere.

Med CoolHue-siden kan du selv laste ned gratis PNG-filer av gradienter. På denne måten kan du redigere dem i grafiske designprosjekter, nettsideoppslag, eller bruke dem utenfor rå HTML / CSS / JS-kode.

Og hvis du er en stor Photoshop-bruker, er det enda en .grd-gradientfil med alle coolHue-gradienter. Awesome rett?

Besøk GitHub repo for oppsett instruksjoner og sample kode utdrag. Der finner du også PS-gradientfilen sammen med Sketchgradientfilen og så mye mer.