Colors.css ponúka nové predvolené hodnoty pre farby na webe
Hľadanie skvelých farebných schém pre vaše webové stránky nie je ľahká úloha. Ale jednoducho to bolo oveľa jednoduchšie Knižnica farieb Adam Morse.
Táto bezplatná knižnica CSS pracuje s pôvodnými farbami webu ktoré boli považované “internetový trezor” a prvýkrát vydané s HTML4 už v roku 1999. Ako viete predstaviť, web odvtedy odvtedy prešiel ďaleko.
Pomocou farieb môžete prepísať predvolené voľby farieb a použite vhodnejšie predvolené nastavenia. Tieto farby sa hodia spolu oveľa jednoduchšie a vytvorte menej napätia riedením kontrastu.
Napríklad namiesto # 000 pre čiernu, táto knižnica používa # 111 na zachovať rovnakú úroveň tmy pri odstraňovaní niektorých roztrúsených kontrastov. To funguje oveľa lepšie pre text a pre pozadie.
Môžete inštalovať farby cez npm alebo cez GitHub stiahnutím štýlu hárkov priamo.
Najlepšie zo všetkého je prichádza s voľnými vzorkami môžete do svojich návrhových programov importovať jednoduchý prístup k farbám. Nasledujúce vzorové súbory sú zahrnuté:
.ACO(Photoshop).ase(Illustrator / XD).GPL(Gimp / Inkscape)
Ak navrhujete veľa farieb s predvolenými farbami, absolútne odporúčam kopať tieto vzorky. Budete prekvapení, ako dobre tieto farby môžu zapadnúť do akéhokoľvek rozloženia.
Plus, Colors.css dokonca má svoje vlastné prístupnosti kde nájdete 90 kombinácií farieb ktoré spĺňajú špecifikácie WCAG pre kvalitnú dostupnosť. Je to obrovské pre každého, kto sa snaží podporiť čo najširšie publikum a je skvelé vidieť dizajnérov, ktorí sa o modernú prácu UI / UX veľmi zaujímajú.
Ale čo je dôležitejšie, je skvelé vidieť toľko pokroku v komunite otvoreného zdroja.
Je to sranda, keď sa pozeráme späť na staré webové stránky, aby sme videli, koľko sa zlepšilo. A to isté možno povedať aj pre všeobecné trendy dizajnu, najmä farebné voľby a knižnice CSS.
Ak sa chcete dozvedieť viac o knižnici farieb, navštívte stránku Hlavná stránka a pozrite sa na živé príklady. Môžete vytiahnuť .css súbor spolu so všetkými vzorkovacími súbormi priamo zo súboru GitHub repo, tiež.
