Klik om kleurenschema te vinden met ColourCode

Om het juiste kleurenschema te krijgen, kunnen ontwerpers veel handmatige inspanningen (en subjectieve meningen) vereisen. Goed nieuws is dat er hulpmiddelen zijn die je kunnen helpen om je leven gemakkelijker te maken. We hebben eerder Adobe Kuler voor iOS besproken en een handige tool met de naam 0to255 waarmee u eenvoudig HEX-codes voor kleurschakeringen kunt verkrijgen. Deze keer kijken we in plaats daarvan naar ColourCode.

ColourCode is een webgebaseerd hulpmiddel om kleurenschema's gemakkelijk te vinden. Met ColourCode kunt u kleuren kiezen op basis van HSL- waarden (Hue, Saturation, Lightness) . Het heeft een aantal modi waarmee u met slechts een paar klikken complementaire kleuren kunt selecteren en u kunt de kleurstalen ook in een paar indelingen downloaden.

ColourCode gebruiken

Als je eenmaal op de pagina bent, beweeg je je muis ergens op de pagina om een ​​kleur te krijgen, en de bijbehorende kleurcode. De kleuren blijven veranderen wanneer u uw cursor verplaatst . Als je de kleur die je ziet leuk vindt, klik erop om je keuze vast te leggen. Het is zo makkelijk.

Als u nog een kleur wilt toevoegen, klikt u op de plus aan de rechterkant en herhaalt u de zweeftekst en het klikken om een ​​andere kleur te vergrendelen. Klik op het prullenbakpictogram in het midden om een ​​kleurkeuze te verwijderen.

Dit is hoe je kleurstalen kiest in de gratis build- modus. Er zijn een paar andere modi om uit kleurstalen te kiezen.

Aanvulling

Analogic

monochroom

Bovenop deze 4 modi zijn er nog 5 die u op de site kunt verkennen.

Handmatig aanpassen

Onderaan elke kleur staat een pijltje omlaag. Als u hierop klikt, ziet u de details voor de kleur en andere opties, zoals de mogelijkheid om de kleurmodus handmatig te wijzigen (door erop te klikken) tussen formaten zoals HEX, RGB, HSL, CMY, CMYK, XYZ of YXY . Als alternatief kunt u de schuifregelaars voor kleuren ook gebruiken om wijzigingen aan te brengen.

De kleur verkrijgen

Wanneer u de kleur hebt bepaald die u wilt gebruiken, kunt u deze in SCSS-, MINDER- of PNG- indeling vastleggen . Helaas biedt ColourCode u geen ingebouwde codebewerker om de bron te kopiëren en te plakken. Je moet het eerst downloaden en vervolgens openen met je bureaubladeditor.

Toch is de bron slechts een kleurafgever met één regel. Het volgende is een broncode in SCSS-bestand:

 $ color: # a8e2ba; 

En deze is MINDER:

 @color: # a8e2ba; 

Git- en GitHub-projecten met Atom beheren

Goed nieuws voor mijn ontwikkelaarsvrienden; Git en GitHub integratie zijn zojuist met de nieuwe Atom-release verscheept. De nieuwe functie was een tijdje beschikbaar als bèta, maar nu met Atom 1.18 is deze ook klaar voor gebruik voor het grote publiek. Vanaf nu kun je veelgebruikte Git- en GitHub-bewerkingen uitvoeren zonder de code-editor te verlaten.

(Technische en ontwerptips)

Hoe u terugkerende e-commerceverkopen in 2017 kunt stimuleren

Ik zie vaak dat bedrijven zich meer zorgen maken over het verkrijgen van nieuwe klanten in plaats van het behouden van bestaande klanten. Maar weet u dat het vijf keer zo duur is om een ​​nieuwe klant aan te trekken dan om een ​​bestaande klant te behouden!Gezien hoe belangrijk het is om uw oude e-commerce klanten te behouden om herhaalde verkopen te stimuleren, heb ik dit artikel geschreven met betrekking tot alle belangrijke punten. Ik zal

(Technische en ontwerptips)