Domača » Toolkit » Colors.css ponuja nove privzete nastavitve za barve na spletu

    Colors.css ponuja nove privzete nastavitve za barve na spletu

    Iskanje odlične barvne sheme za vašo spletno stran ni lahka naloga. Ampak, to je postalo veliko lažje z Knjižnica barv Adam Morse.

    Ta brezplačna knjižnica CSS deluje izven prvotnih spletnih barv ki so bili ocenjeni “varno za splet” in prvič izšel s HTML4 že leta 1999. Kot si lahko predstavljate, je splet odtlej že dolgo napredoval.

    Z barvami lahko prepišete privzete izbire barv in uporabite primernejše privzete nastavitve. Te barve se lažje prilegajo skupaj ustvariti manj napetosti z redčenjem kontrasta.

    Na primer, namesto # 000 za črno, ta knjižnica uporablja # 111 do ohraniti isto raven teme medtem ko odstranjujete nekaj neskladnega kontrasta. To je veliko bolje za besedilo in za ozadja.

    Barve lahko namestite prek npm ali preko GitHub tako, da neposredno prenesete slog.

    Najboljše od vsega prihaja z brezplačnimi swatchi lahko v svoje oblikovalske programe uvozite lahek dostop do barv. Vključeni so naslednji datoteki swatch:

    • .aco (Photoshop)
    • .ase (Illustrator / XD)
    • .gpl (Gimp / Inkscape)

    Če načrtujete veliko modelov s privzetimi barvami, vam priporočam, da posnamete kopijo teh swatchov. Presenečeni boste, kako dobro se lahko te barve ujemajo z vsako postavitvijo.

    Poleg tega ima Colors.css celo svoje dostopnost kjer boste našli 90 kombinacij barv ki izpolnjujejo specifikacije WCAG za kakovostno dostopnost. To je ogromno za vsakogar, ki skuša podpreti najširšo publiko in čudovito je videti oblikovalce, ki tako skrbijo za moderno delo UI / UX.

    Še pomembneje pa je, da je v skupnosti odprte kode videti velik napredek.

    Smešno je videti nazaj na starih spletnih straneh, da vidimo, koliko so se izboljšale. Enako lahko rečemo za splošne trende oblikovanja, zlasti za barvne izbire in knjižnice CSS.

    Če želite izvedeti več o knjižnici Colors, obiščite spletno mesto glavna stran in preverite primeri v živo. Lahko potegneš .css datoteko, skupaj z vsemi datotekami swatch neposredno iz datoteke GitHub repo, tudi.