Domovská » Sada nástrojů » 10 Lehké alternativy k Bootstrap & Foundation

    10 Lehké alternativy k Bootstrap & Foundation

    Výběr správného rámce, který je ideální pro vaše projekty, by mohl být trochu ohromující - existuje hodně z čeho vybírat. Možná, že chcete jít s populární volby, jako je Bootstrap nebo nadace, ale pokud vaše webové stránky bude poměrně jednoduchý, nebudete potřebovat většinu stavebních bloků a materiálů součástí výchozího balíčku.

    Dobrou zprávou je, že existuje několik alternativ, které jsou mnohem štíhlejší než Bootstrap nebo Foundation. Většina z těchto rámců se dodává správné množství stylů a komponent aby vám pomohl začít, a zároveň vám umožní rozšířit je ve směru, který chcete pro svůj projekt.

    Tady jsou 10 lehkých alternativ k Bootstrap a Foundation které byste měli použít budování menších webových stránek.

    Více na stránkách Hongkiat.com:

    • Začínáme se službou Twitter Bootstrap
    • Použití Bootstrap 3 Sass
    • Nástroj Bootstrap: Vytváření rozvržení spouštěcích kódů HTML
    • Práce s modulem Bootstrap: Modální okno
    • Nástroj Bootstrap: Sestavte Megamenu s YAMM3

    1. Kostra

    Skeleton konečně dostal facelift. Je to totální znovuzrození od základu, a přesto je stále tak lehké, jak to bývalo. Nový gridový systém Skeleton nyní využívá mobilní filosofii, která zajišťuje, že rozvržení bude v centru pozornosti bez ohledu na to, jak malá je obrazovka zařízení..

    Všechny komponenty, které byly zahrnuty v dřívější verzi - tlačítka, formuláře a vstupní prvky - jsou stále přítomny, ale základní styly typografie jsou nyní nastaveny na rem jednotka.

    2. CardinalCSS

    CardinalCSS je CSS framework postavený se zaměřením na výkon, čitelnost a především udržovatelnost. CardinalCSS přijímá některé moderní přístupy, jako je mobilní-první pro tvarování sítě; a CSS Box Model, který umožňuje snadno určit šířku a výšku prvku.

    CardinalCSS také přichází s hrstkou pomocných tříd, které vám umožňují rychle aplikovat styly na prvek, například drop-cap který aplikuje efekt drop-cap pro první znak v odstavci.

    3. ConciseCSS

    ConciseCSS je rámec CSS - bez bloat. Jedná se o štíhlou strukturu postavenou na vrcholu Sass, LESS a Stylus, která připravuje svou zlatou cestu k udržovatelnosti CSS. Ale pokud dáváte přednost prosté jednoduché vanilce CSS, můžete to mít také.

    Podobně ConciseCSS přichází také se základními styly pro základní prvky, jako jsou nadpisy, odstavce, tabulky, formuláře a sada tříd pomocníků pro vytvoření tlačítka uživatelského rozhraní..

    4. PowertoCSS

    PowertoCSS je lehký a pevný frontend framework. Názvy tříd, které se používají k vytvoření mřížky a použití stylů, jsou jednoduché a snadno zapamatovatelné, např. .tlačítko. Můžete také přidat vlastní motiv. Začněte s jejich StarterKit.

    5. Furtive

    Furtive je mobilní CSS framework, postavený na špičkových webových standardech, jako je použití Flexbox pro mřížku a rem jednotka pro dimenzování prvků (včetně velikosti písma). Furtive si zachovává malou CSS stopu tím, že nepodporuje starší prohlížeče (* kašel * Internet Explorer), protože vyžadují nějaký CSS hacking. Proto Furtive je perfektní rámec, pokud navrhujete webové stránky pro budoucnost.

    6. BassCSS

    BassCSS nabízí odlehčenou sadu základních stylů elementů, nástrojů, rozvržení a barevných stylů v modulární podobě pro tvorbu citlivé webové aplikace. Soubory SCSS jsou zahrnuty pro snadné přizpůsobení stylu. Můžete hrát s typografií, mezerami, zarážkami a prvky uživatelského rozhraní.

    7. Mueller

    Mueller je modulární responzivní mřížkový systém postavený na vrcholu Sassu a kompasu. S Muellerem můžete sestavit mřížku buď přidáním tříd přímo do elementů HTML, nebo pokud dáváte přednost tomu, aby vaše elementy HTML byly čisté a čisté. mřížka() funkce. Muellerova mřížka může být použita v tandemu s knihovnou Masonry Javascript k vytvoření nákresu podobného Pinterestu.

    8. Tuktuk

    Tuktuk je velmi unikátní název pro rámec. Ve srovnání s Bootstrapem nebo Foundation je Tuktuk mnohem lehčí, protože přichází pouze se správným množstvím komponentů, aby bylo možné vytvořit prezentovatelnou webovou stránku, včetně gridového systému, základního stylu pro typografii, tabulek a několika uživatelských rozhraní, jako je navbar a modály.

    9. Základna

    Základna je postavena na LESS a Sassu a obsahuje pouze ty nejdůležitější komponenty pro tvorbu webových stránek: mřížka a základní styling prvků HTML. Základna není vybavena komponentami Javascript, ale poskytuje skvělou kompatibilitu prohlížeče natolik, že funguje i s IE7.

    10. Toast

    Poslední z našich seznamů je Toast. Prostřednictvím šablony stylů SCSS je balíček součástí toastu, který umožňuje snadno konfigurovat názvy tříd mřížky, okap a dokonce i sloupec. Pokud například chcete, aby mřížka byla 9-sloupcem namísto 12, můžete to provést. Toast je minimální rámec CSS s velmi flexibilními konfiguracemi, které splňují vaše požadavky.