10 lekkich alternatyw dla Bootstrap & Foundation

Wybór odpowiedniej ramy, która idealnie pasuje do twoich projektów, może być nieco przytłaczająca - są dużo do wyboru. Być może chcesz wybrać popularne opcje, takie jak Bootstrap lub Foundation, ale jeśli Twoja witryna będzie dość prosta, nie będziesz potrzebował większości elementów i materiałów zawarte w domyślnym pakiecie.

Dobrą wiadomością jest to, że istnieje kilka alternatyw, które są znacznie szczuplejsze niż Bootstrap lub Foundation. Większość z tych ram jest dostarczana z odpowiednia ilość stylów i komponentów aby pomóc Ci zacząć, jednocześnie pozwalając ci na rozszerzenie ich w wybranym przez siebie kierunku.

Tu są 10 lekkich alternatyw dla Bootstrap i Foundation do czego powinieneś użyć budowanie stron internetowych o mniejszej skali.

Więcej na stronie Hongkiat.com:

Pierwsze kroki z Twitter Bootstrap
Korzystanie z Bootstrap 3 z Sass
Narzędzie Bootstrap: Tworzenie układów paska rozruchowego HTML
Praca z wtyczką Bootstrap: Okno modalne
Narzędzie Bootstrap: Zbuduj Megamenu za pomocą YAMM3

1. Szkielet

Szkielet w końcu otrzymał lifting. To całkowita modernizacja od podstaw, a mimo to jest tak lekka, jak kiedyś. Nowy system siatki szkieletowej przyjmuje teraz filozofię mobilną, która zapewnia, że układ zajmuje centralne miejsce niezależnie od tego, jak mały jest ekran urządzenia.

Wszystkie komponenty zawarte we wcześniejszej wersji - przyciski, formularze i elementy wejściowe - są nadal obecne, ale podstawowe style typografii są teraz ustawione rem jednostka.

2. CardinalCSS

CardinalCSS to framework CSS zbudowany z naciskiem na wydajność, czytelność i co najważniejsze łatwość obsługi. CardinalCSS stosuje pewne nowoczesne podejścia, takie jak mobile-first do kształtowania siatki; i Model skrzynki CSS, który pozwala łatwo określić szerokość i wysokość elementu.

CardinalCSS zawiera również kilka klas pomocniczych, które umożliwiają szybkie stosowanie stylów na elemencie, na przykład kropla który stosuje efekt drop-cap dla pierwszego znaku w akapicie.

3. ConciseCSS

ConciseCSS to framework CSS - bez rozdęcia. Jest to framework Lean zbudowany na bazie Sass, LESS i Stylus, który otwiera swoją złotą ścieżkę do łatwości obsługi CSS. Ale jeśli wolisz zwykły prosty waniliowy CSS, możesz to również mieć.

Podobnie ConciseCSS ma również podstawowe style dla podstawowych elementów, takich jak nagłówki, akapity, tabele, formularze i zestaw klas pomocników do tworzenia interfejsu użytkownika przycisku.

4. PowertoCSS

PowertoCSS jest lekkim i solidnym frameworkiem. Nazwy klas używane do tworzenia siatki i stosowania stylów są proste i łatwe do zapamiętania, np. .przycisk. Możesz także dodać własny motyw. Przejdź do ich StarterKit, aby zacząć.

5. Ukradkowe

Furtive to mobilny framework CSS zbudowany na bazie najnowocześniejszych standardów internetowych, takich jak wykorzystanie Flexbox do sieci i rem jednostka do wymiarowania elementów (w tym rozmiar czcionki). Furtive zachowuje mały ślad CSS, nie obsługując starszych przeglądarek (* kaszel * Internet Explorer), ponieważ wymagają one trochę hackowania CSS. Stąd Furtive to doskonała struktura, jeśli projektujesz stronę internetową na przyszłość.

6. BassCSS

BassCSS oferuje lekki zestaw stylów elementów bazowych, narzędzi, stylów i stylów kolorystycznych, w formie modułowej do budowania responsywnej aplikacji internetowej. Pliki SCSS są dołączone, aby łatwo dostosować styl. Możesz grać za pomocą typografii, białych znaków, punktów przerwania i elementów interfejsu użytkownika.

7. Mueller

Mueller to modułowy system responsywnej sieci zbudowany na bazie Sass i Compass. Z Mueller możesz zbudować siatkę, dodając klasy bezpośrednio do elementów HTML, lub jeśli wolisz, aby elementy HTML były czyste i czyste, używając krata() funkcjonować. Siatka Muellera może być używana w połączeniu z biblioteką Javascript Masonry, aby stworzyć układ przypominający Pinterest.

8. Tuktuk

Tuktuk jest bardzo unikalną nazwą dla frameworka. W porównaniu do Bootstrap lub Foundation, Tuktuk jest znacznie lżejszy, ponieważ zawiera tylko odpowiednią ilość komponentów do zbudowania reprezentacyjnej strony internetowej, w tym do systemu siatki, podstawowej stylizacji dla typografii, tabel i kilku interfejsów użytkownika, takich jak navbar i modale.

9. Baza

Baza jest zbudowana na bazie LESS i Sass i zawiera tylko najważniejsze komponenty do budowania stron internetowych: siatkę i podstawową stylizację elementów HTML. Baza nie jest wyposażona w komponenty JavaScript, ale zapewnia doskonałą kompatybilność z przeglądarkami, dzięki czemu działa nawet z IE7.

10. Toast

Ostatni z naszej listy to Toast. W pakiecie znajduje się arkusz stylów SCSS, Toast pozwala łatwo skonfigurować nazwy klas siatki, rynnę, a nawet bazę kolumn. Na przykład, jeśli chcesz, aby siatka była kolumną 9-cio podstawową zamiast 12, możesz to zrobić. Tosty to minimalne ramy CSS z bardzo elastycznymi konfiguracjami, które spełniają Twoje wymagania.