Úvodná » toolkit » 10 Ľahké alternatívy Bootstrap & Foundation

    10 Ľahké alternatívy Bootstrap & Foundation

    Výber správneho rámca, ktorý je ideálnym riešením pre vaše projekty, môže byť trochu ohromujúci - existujú z čoho si môžete vybrať. Možno, že chcete ísť s populárnou voľbou, ako je Bootstrap alebo nadácia, ale ak vaše webové stránky budú pomerne jednoduché, nebudete potrebovať väčšinu stavebných kameňov a materiálov v predvolenom balíku.

    Dobrou správou je, že existuje niekoľko alternatív, ktoré sú oveľa štíhlejšie ako Bootstrap alebo nadácia. Väčšina z týchto rámcov sa dodáva len správne množstvo štýlov a komponentov aby vám pomohol začať, pričom budete môcť ich rozšíriť v smere, ktorý chcete pre svoj projekt.

    Tu sú 10 ľahkých alternatív k Bootstrap a Foundation na ktoré by ste mali používať budovanie menších webových stránok.

    Viac informácií o Hongkiat.com:

    • Začíname s aplikáciou Bootstrap pre službu Twitter
    • Použitie Bootstrap 3 S Sass
    • Nástroj Bootstrap: Vytvorte rozloženie rozloženia HTML
    • Práca s doplnkom Bootstrap: modálny okien
    • Nástroj Bootstrap: Vytvorte Megamenu s YAMM3

    1. Kostra

    Kostra konečne získala facelift. Je to úplná úprava od základu a napriek tomu je stále taká svetlá, ako bývala. Nový systém skeletovej mriežky teraz prijíma mobilné prvé filozofie, ktoré zabezpečuje, že rozloženie sa stane stredovým stupňom bez ohľadu na to, ako malá je obrazovka zariadenia.

    Všetky komponenty, ktoré boli zahrnuté v predchádzajúcej verzii - tlačidlá, formuláre a vstupné prvky - sú stále prítomné, ale základné štýly typografie sú teraz nastavené rem jednotka.

    2. CardinalCSS

    CardinalCSS je rámec CSS postavený so zameraním na výkon, čitateľnosť a najdôležitejšiu udržiavateľnosť. CardinalCSS prijíma niektoré moderné prístupy, ako napríklad mobilné - najprv pre formovanie siete; a modelu CSS Box, ktorý umožňuje ľahko určiť šírku a výšku prvku.

    CardinalCSS tiež prichádza s niekoľkými pomocnými triedami, ktoré vám umožnia rýchlo aplikovať štýly na prvok, napríklad zahodiť čiapku ktorý uplatňuje efekt drop-cap pre prvý znak v odseku.

    3. ConciseCSS

    ConciseCSS je rámec CSS - bez nadúvania. Je to štíhla štruktúra postavená na vrchu Sass, LESS a Stylus, ktorá dláždi svoju zlatú cestu k udržiavateľnosti CSS. Ale ak dáte prednosť jednoduchej jednoduchej vanilkovej CSS, môžete to mať rovnako.

    Podobne ConciseCSS prichádza so základnými štýlmi pre základné prvky, ako napríklad nadpisy, odseky, tabuľky, formuláre a súbor tried pomocníkov na vytvorenie užívateľského rozhrania.

    4. PowertoCSS

    PowertoCSS je ľahký a pevný rám frontend. Názvy tried, ktoré sa používajú na vytváranie mriežky a používanie štýlov, sú jednoduché a ľahko zapamätateľné, napr. .gombík. Môžete tiež pridať vlastnú tému. Prejdite k ich StarterKit a začnite s nimi.

    5. Furtive

    Furtive je mobilný prvý CSS framework postavený na špičkových webových štandardoch, ako je použitie Flexbox pre sieť a rem jednotka pre dimenzovanie prvkov (vrátane veľkosti písma). Furtive si zachováva malú stopu CSS tým, že nepodporuje staršie prehliadače (* kašeľ * Internet Explorer), pretože vyžadujú nejaký CSS hacking. Preto Furtive je dokonalý rámec, ak navrhujete webové stránky pre budúcnosť.

    6. BassCSS

    BassCSS ponúka ľahkú sadu štýlov základných prvkov, pomôcky, rozloženie a farebné štýly, v modulárnej forme pre tvorbu citlivej webovej aplikácie. Súbory SCSS sú zahrnuté na ľahké prispôsobenie štýlu. Môžete hrať s typografiou, bielym priestorom, bodmi prerušenia a prvkami používateľského rozhrania.

    7. Mueller

    Mueller je modulárny reagujúci systém mriežky vybudovaný na vrchu Sass a Compass. S Muellerom môžete vytvoriť mriežku buď pridaním tried priamo do prvkov HTML, alebo ak chcete, aby vaše prvky HTML boli čisté a čisté, pomocou grid () Funkcie. Mueller mriežka môže byť použitá v tandeme s knižnicou Javascript Masonry na vytvorenie rozloženia typu Pinterest.

    8. Tuktuk

    Tuktuk je veľmi jedinečný názov pre rámec. V porovnaní s Bootstrap alebo nadáciou je Tuktuk oveľa ľahší, pretože prichádza iba s dostatočným množstvom komponentov na vytvorenie prezentovateľných webových stránok vrátane sieťového systému, základného štýlu pre typografiu, tabuľky a niekoľko užívateľských rozhraní ako je navbar a modálne slovesá.

    9. Základňa

    Základňa je postavená na vrchu LESS a Sass a obsahuje iba tie najdôležitejšie komponenty na vytváranie webových stránok: mriežku a základný styling prvkov HTML. Základňa nie je vybavená komponentami JavaScriptu, ale poskytuje skvelú kompatibilitu s prehliadačom tak, aby fungovala dokonca aj s IE7.

    10. Toast

    Posledným z nášho zoznamu je Toast. Prostredníctvom štýlu šablón SCSS je súčasťou balenia, Toast vám umožňuje ľahko nakonfigurovať názvy tried mriežky, žľab a dokonca aj základňu stĺpcov. Napríklad, ak chcete, aby mriežka bola 9-základný stĺpec namiesto 12, môžete to urobiť. Toast je minimálny rámec CSS s veľmi flexibilnými konfiguráciami, ktoré vyhovujú vašim požiadavkám.