Početna » alat » 10 lakih alternativa za bootstrap i temelj

    10 lakih alternativa za bootstrap i temelj

    Odabir pravog okvira koji je savršeno prikladan za vaše projekte može biti malo neodoljiv - postoje puno toga za izabrati. Možda želite ići s popularnim izborima kao što su Bootstrap ili Foundation, ali ako će vaša web-lokacija biti jednostavna, nećete trebati većinu građevnih blokova i materijala uključeni u zadani paket.

    Dobra vijest je da postoji nekoliko alternativa koje su mnogo mršavije od Bootstrap ili Foundation. Većina ovih okvira isporučuje se samo pravu količinu stilova i komponenti kako bi vam pomogli da započnete, a istovremeno dopustite da ih možete proširiti u smjeru koji želite za svoj projekt.

    Ovdje su 10 lakih alternativa za Bootstrap i Foundation za koje biste trebali koristiti izgradnju web-stranica manjeg opsega.

    Više na Hongkiat.com:

    • Početak rada s programom Twitter Bootstrap
    • Korištenje Bootstrap 3 sa Sass
    • Alat za podizanje sustava: Izradite HTML izgled dizanja
    • Rad s čepom za pokretanje: Modalni prozor
    • Alat za pokretanje sustava: Izradite Megamenu s YAMM3

    1. Skelet

    Skeleton je napokon dobio facelift. To je potpuna rekonstrukcija od temelja, a ipak je još uvijek lagana kao nekad. Novi rešetkasti sustav sada koristi mobilnu telefoniju koja osigurava da raspored bude u središtu pozornosti bez obzira na to koliko je mali zaslon uređaja.

    Sve komponente koje su bile uključene u raniju verziju - gumbi, obrasci i elementi unosa - još uvijek su prisutni, ali osnovni stilovi tipografije sada su postavljeni u rEM jedinica.

    2. CardinalCSS

    CardinalCSS je CSS okvir izgrađen s naglaskom na performanse, čitljivost i najvažnije održavanje. CardinalCSS usvaja neke suvremene pristupe, kao što je mobilna prva za oblikovanje mreže; i CSS Box Model koji vam omogućuje da lako odredite širinu i visinu elementa.

    CardinalCSS također dolazi s nekoliko pomoćnih klasa koje vam omogućuju da brzo primijenite stilove na element, na primjer, pad-cap koja primjenjuje kap-kap efekt za prvi znak u paragrafu.

    3. Sažeti CSS

    ConciseCSS je CSS okvir - bez nadimanja. To je vitki okvir izgrađen na vrhu Sass, LESS i Stylus koji utire svoj zlatni put do CSS održivosti. Ali, ako više volite običan jednostavan CSS s vanilijom, to možete imati i vi.

    Isto tako, ConciseCSS također dolazi s osnovnim stilovima za bitne elemente kao što su naslovi, paragrafi, tablice, obrasci i skup klase pomagača za stvaranje UI gumba.

    4. PowertoCSS

    PowertoCSS je lagan i čvrst okvir za frontende. Nazivi klasa koji se koriste za izgradnju mreže i primjenu stilova jednostavni su i lako se pamte, npr. .dugme. Možete dodati i vlastitu temu. Krenite prema njihovom StarterKitu da biste započeli.

    5. Furtive

    Furtive je CSS okvir za mobilne uređaje koji je izgrađen oko vrhunskih web standarda, poput upotrebe Flexboxa za mrežu i rEM jedinica za dimenzioniranje elemenata (uključujući veličinu fonta). Furtive zadržava mali trag CSS-a tako što ne podržava starije preglednike (* kašalj * Internet Explorer) jer zahtijevaju neki CSS sjeckanje. Stoga Furtive je savršen okvir ako dizajnirate web stranicu za budućnost.

    6. BassCSS

    BassCSS nudi lagani set stilova osnovnih elemenata, uslužnih programa, izgleda i stilova boja, u modularnom obliku za izgradnju prilagodljive web aplikacije. SCSS datoteke su uključene kako bi lako prilagodili stil. Možete se igrati s tipografijom, bijelim prostorom, točkama prekida i elementima korisničkog sučelja.

    7. Mueller

    Mueller je modularni odzivni mrežni sustav izgrađen na Sassu i Compassu. Uz Mueller možete izgraditi mrežu ili dodavanjem klasa u HTML elemente, ili ako želite da su vaši HTML elementi uredni i čisti, mreža () funkcija. Mueller-ova mreža može se koristiti u tandemu s Javascript bibliotekom slobodnog zidarstva kako bi se stvorio izgled nalik na Pinterest.

    8. Tuktuk

    Tuktuk je vrlo jedinstveno ime za okvir. U usporedbi s Bootstrap ili Foundation, Tuktuk je mnogo lakši jer dolazi samo s odgovarajućom količinom komponenti za izgradnju prezentirajuće web stranice, uključujući za grid sustav, osnovni stil za tipografiju, tablice, i nekoliko UI poput navbar i modals.

    9. Baza

    Baza je izgrađena na vrhu LESS-a i Sass-a, a uključuje samo najbitnije komponente za izradu web-stranica: mrežu i osnovni stil HTML elemenata. Baza ne dolazi s Javascript komponentama, ali pruža veliku kompatibilnost preglednika tako da radi čak i kod IE7.

    10. Tost

    Posljednji naš popis je Tost. Kroz SCSS stylesheet je uključen u paket, Toast vam omogućuje jednostavno konfiguriranje imena klasa mreže, oluka, pa čak i baze stupaca. Na primjer, ako želite da mreža bude stupac od 9 baza umjesto 12, to možete učiniti. Tost je minimalni CSS okvir s vrlo fleksibilnim konfiguracijama koje zadovoljavaju vaše zahtjeve.