Domača » UI / UX » Sierra je lepa temna knjižnica UI, zgrajena na Sassu

    Sierra je lepa temna knjižnica UI, zgrajena na Sassu

    V svetu polnem ogrodja frontendov, lahko je težko razvrstiti vse možnosti. Toda, če ste potem ljubiteljica Sassa Sierra ali je najnovejši okvir uporabniškega vmesnika gledati.

    To je popolnoma prilagodljiv in deluje v celoti na kodo SCSS. To pomeni, da prihaja z več desetimi SCSS delci in povezane knjižnice ki se združijo v eno zmogljivo (in brezplačno) knjižnico uporabniškega vmesnika.

    Ko razvijalci slišijo o novi knjižnici Sass, se ponavadi domneva, da je nabor mešanic. Toda Sierra je več kot le spremenljivke in kombinacije. Ta knjižnica je resnično modri okvir uporabniškega vmesnika z slogi po meri za mreže, tipografija, tabel, gumbov, obrazcev, in vse, kar potrebujete za oblikovanje spletne strani.

    Knjižnica tehta skupaj približno 34kb nestisnjeno, kar se lahko zdi veliko. Ampak glede na vse, kar dobite, je dobra velikost in daleč od najbolj obremenjenih (za referenco, Bootstrapov CSS meri približno 115kb nestisnjenega).

    Delo v Sierri, dobiš popolnoma prilagodljive možnosti za spreminjanje mrež, oblazinjenja, razmikov, velikosti pisav / družin, barv in še veliko več. Vse nadzira SCSS in vsaka knjižnica je razdeli v različne datoteke za preprostejšo organizacijo.

    Knjižnica uporabniškega vmesnika ima na voljo desetine slogov vmesnika za najpogostejše elemente strani:

    • Odstavki in glave
    • Gumbi
    • Vnosi obrazca (spustni seznami, radijski sprejemniki itd.)
    • Tabele
    • Paginacija
    • Poravnava levo / desno
    • Vrstice za nalaganje po meri

    Vse te elemente je mogoče videti na demo strani, ki uporablja temnejšo barvno shemo. Privzeto je Sierra a temna knjižnica UI ampak ker so vse barve preproste za spreminjanje lahko dobite, da deluje za vsak slog spletne strani.

    Moja edina pritožba je pomanjkanje preprosto dostopne dokumentacije. Sierra je trenutno v2.0, vendar je tudi glavni repo redko nameščen in namesto nas.

    K sreči je seznam razvijalcev vse glavne spremenljivke lahko spremenite v _variables.scss mapa. Te spremenljivke se uvažajo za vse druge datoteke Sierra SCSS, kar pomeni, da ste samo spremeniti barve na enem mestu da jih povsod delajo.

    Sierra še zdaleč ni popolna, vendar je ena izmed redkih knjižnic uporabniškega vmesnika, ki temeljijo na Sassu na spletu.

    Če želite dati poskusiti potem preverite na glavni spletni strani za predstavitve in nadaljnje podrobnosti. In če ste res zaljubljeni, lahko poskusite odpreti vprašanje na strani z izdajami GitHub ali sporočiti ustvarjalcu Joan Claret za več podrobnosti.