Sierra to piękna ciemna biblioteka UI zbudowana na Sassie

W świecie pełnym frameworki, może być trudne sortowanie wszystkich opcji. Ale jeśli jesteś wtedy kochankiem Sass Sierra jest najfajniejsza nowa struktura interfejsu użytkownika oglądać.

Jest w pełni konfigurowalny i działa całkowicie na kodzie SCSS. Oznacza to, że zawiera dziesiątki Częściowe SCSS i powiązane biblioteki które łączą się w jedną potężną (i darmową) bibliotekę interfejsu użytkownika.

Kiedy programiści słyszą o nowej bibliotece Sass, zazwyczaj zakłada się, że jest to zestaw miksów. Ale Sierra jest więcej niż tylko zmienne i miksy. Ta biblioteka jest prawdziwą niebieską strukturą interfejsu użytkownika z niestandardowe style dla siatki, typografia, stoły, guziki, formy, i prawie wszystko, czego potrzebujesz do zaprojektowania strony internetowej.

W sumie biblioteka waży około 34kb nieskompresowane, co może wydawać się duże. Ale biorąc pod uwagę wszystko, co otrzymujesz, jest to dobry rozmiar i daleko od najtrudniejszych (dla porównania, CSS Bootstrapa mierzy około 115 kB bez kompresji).

Pracujesz w Sierra, masz w pełni konfigurowalne opcje do zmiany siatek, wypełnienia, odstępów, rozmiarów czcionek / rodzin, kolorów i wielu innych. Wszystko jest kontrolowane przez SCSS, a każda biblioteka jest podzielić na różne pliki dla uproszczenia organizacji.

Biblioteka interfejsu użytkownika zawiera dziesiątki stylów frontendu dla najbardziej popularnych elementów strony:

Akapity i nagłówki
guziki
Formularz wejściowy (listy rozwijane, radia itp.)
Tabele
Paginacja
Wyrównania w lewo / w prawo
Niestandardowe paski do ładowania

Wszystkie te elementy można zobaczyć na stronie demonstracyjnej, która wykorzystuje ciemniejszy schemat kolorów. Domyślnie Sierra jest ciemna biblioteka interfejsu użytkownika ale ponieważ wszystkie kolory są łatwe do zmiany, można je dostosować do dowolnego stylu witryny.

Moja jedyna skarga to brak łatwo dostępnej dokumentacji. Sierra jest obecnie w wersji 2.0, ale nawet główne repo jest rzadkie w poradach dotyczących instalacji i dostosowywania.

Na szczęście lista programistów wszystkie główne zmienne możesz zmienić w _variables.scss plik. Te zmienne są importowane dla wszystkich innych plików Sierra SCSS, co oznacza, że ty wystarczy zmienić kolory w jednym miejscu aby pracowali wszędzie.

Sierra jest daleka od doskonałości, ale jest jedną z niewielu bibliotek UI opartych na interfejsie użytkownika w sieci.

Jeśli chcesz spróbować, sprawdź stronę główną dema i dalsze szczegóły. A jeśli naprawdę utkniesz, możesz spróbować otworzyć pytanie na stronie GitHub lub wiadomości twórcy Joan Claret, aby uzyskać więcej informacji.