3 fantastyczne frameworki CSS, których nie będziesz chciał przegapić
Osobiście wolę rozpocząć kodowanie dowolnego projektu tylko siatką i budować z tego miejsca. Jestem tak wybredny i lubię mieć kontrolę nad tak wieloma zmiennymi, jak to możliwe.
Są jednak chwile, kiedy to po prostu nie jest praktyczne. Może budujesz aplikację lub wyjątkowo dużą i skomplikowaną stronę. Może po prostu nie masz czasu na stylizowanie każdego elementu od podstaw, a ty nie musisz. Właśnie wtedy chcesz mieć kompletny framework z dodatkami.
Wiele napisano o frameworkach "wielkiej nazwy" - Bootstrap, Foundation, Gumby - więc nie będziemy o nich rozmawiać. Grałem z ... mam na myśli rygorystyczne testowanie trzech mniej znanych opcji. Spójrz, jeden z nich może być dokładnie tym, czego potrzebujesz.
Kube
Kube jest zdecydowanie narzędziem dla nowoczesnego dewelopera front-end. Tylko nowoczesne przeglądarki - i IE9 + - są obsługiwane. Domyślne style są ładne, ale dość nijakie, by można je było dostosować do użycia z niemal każdym brandingiem.
Krótko mówiąc, jest to ładne, ale proste i proste ramy, zaprojektowane z niemal uniwersalnym wyglądem i przeznaczone do ciężkiej personalizacji.
Funkcje
Aby opisać wszystkie funkcje w szczegółach, a nawet po prostu wymienić je wszystkie, prawdopodobnie zajęłoby zbyt dużo miejsca w tym artykule, więc dam wam najważniejsze: ramy same w sobie są oparte na LESS i modułowe. Jeśli chcesz, aby wszystko oprócz stylu przycisków było na przykład bardzo proste, "skompiluj" własne. Po prostu usuń odpowiednią regułę @import z kube.less i idź. Można śmiało powiedzieć, że istnieją style dla niemal każdego elementu HTML, który można wymyślić, oraz zwykłe dodatki, takie jak przyciski, podstawowe paski nawigacyjne, klasy pomocnicze i całkiem stabilny układ układu siatki.
W pewnym sensie Kube jest częściowo zdefiniowany przez to, czego nie ma. Na przykład nie ma nadmiaru elementów interfejsu użytkownika i dodatkowych stylów. Nie ma żadnych wtyczek jQuery dla funkcji interfejsu użytkownika. I na pewno nie przychodzi wrażenie, że "utknąłeś" z którymkolwiek z tego.
Wniosek
Kube jest solidną ofiarą. Jego twórcy nie skąpili fundamentów, ale istnieje wyraźne poczucie "tylko tego, czego potrzebujesz", co jest związane z tą strukturą. To dobre miejsce na rozpoczęcie, a więc ucieleśnia prawdziwy cel każdej struktury. Pokoloruj mnie pod wrażeniem.
IVORY Framework
KOŚĆ SŁONIOWA, podobnie jak Kube, ma być łatwo zrozumiany i szybko wdrożony. Typografia wygląda dobrze, ale jest nijakie do wykorzystania z prawie każdym projektem, a ogólne style domyślne również.
Jest to framework zaprojektowany tak, aby dać ci wystarczająco dużo, by zacząć, i kilka dodatków.
Funkcje
Funkcje są takie, jakich normalnie oczekujesz: solidny i elastyczny system siatki, style do typografii i wszystkie formularze, i tak dalej. Jednak IVORY różni się od Kube tym, że dostaniesz kilka dodatkowych elementów interfejsu użytkownika: przyciski, pola alertów, paginację, przełączniki, etykiety narzędzi, nawigację nawigacyjną, zakładki i akordeony.
To, co wyróżnia te komponenty interfejsu użytkownika spośród wielu innych, to to, że wszystkie są implementowane za pomocą CSS3 i bez JavaScript. Jedynym powodem, dla którego interfejs użytkownika jQuery jest w ogóle połączony, jest sprawdzenie, czy narzędzie do wybierania daty działa.
Dwie rzeczy, które mi się nie podobają: niektóre style komponentów interfejsu użytkownika bardzo przypominają style Bootstrap 2.0. Więc tak, prawdopodobnie będziesz chciał to zmienić. Dodatkowo, system siatki wymaga użycia dodatkowej klasy w ostatniej kolumnie w dowolnym rzędzie; Po prostu tego nie znoszę .
Wniosek
Te dwa małe zastrzeżenia na bok, IVORY Framework to dobra opcja dla dowolnej liczby projektów. Nie jest to najłatwiejsza konfiguracja opcji, ale jeśli potrzebujesz tylko dobrego zestawu ustawień domyślnych i dodatkowych składników interfejsu użytkownika, daj mu wir.
Baza
Baza, przez Matthew Hartman , przyjmuje nieco bardziej modne (w każdym razie w każdym razie) podejście do struktury CSS. Oparte na Normalize.css zaczyna się od cienkich czcionek nagłówków i płaskich pudełek na przyciski. Nie da się ukryć, że domyślne style są wręcz ładne.
Może się to nie podobać każdemu, w zależności od obaw związanych z marką, ale wystarczy zmienić. W końcu baza polega na personalizacji.
Funkcje
Baza jest dostępna zarówno w wersjach LESS, jak i SASS, dzięki czemu możesz szybko zmieniać zmienne i "rekompilować" je zgodnie ze swoimi potrzebami. Wbudowane zmienne obejmują rozmiary czcionek, punkty przerwania, główne szerokości kontenera dla każdego punktu przerwania i wiele innych.
Dostępnych jest wiele dodatkowych klas ułatwiających konfigurowanie układów mobilnych, a w osobnym pliku znajdują się "mixiny", które ułatwią Ci przejście.
Podobnie jak w przypadku Kube, nie ma żadnych dodatkowych elementów interfejsu użytkownika poza tymi, które domyślnie pochodzą z HTML, więc jeśli chcesz mieć interfejsy z kartami, akordeony i tym podobne, musisz je tworzyć samodzielnie. Baza wydaje się być nastawiona na tworzenie pięknych stron internetowych w przeciwieństwie do aplikacji internetowych .
Wniosek
Jeśli tworzysz witrynę, która nie wymaga zbyt wielu składników interfejsu użytkownika specyficznych dla aplikacji, baza jest fantastycznym zasobem. Strony zbudowane z niego już ładnie wyglądają; ale jeśli nie lubisz domyślnych stylów, zmiana ich nie jest zbyt trudna.
