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.