10 lahkih alternativ za Bootstrap & Foundation
Izbira pravega okvirja, ki je popoln za vaše projekte, bi lahko bila malce pretirana - obstajajo veliko izbire. Morda želite iti s priljubljenimi izbirami, kot so Bootstrap ali Foundation, če pa bo vaša spletna stran precej preprosta., ne boste potrebovali večine gradnikov in materialov vključen v privzeti paket.
Dobra novica je, da obstaja nekaj alternativ, ki so precej vitkejše od Bootstrap ali Foundation. Večina teh okvirov je opremljena samo pravo količino stilov in komponent da bi vam pomagali, da začnete, hkrati pa jim dovolite, da jih lahko razširite v želeni smeri za vaš projekt.
Tukaj so 10 lahkih alternativ za Bootstrap in Foundation za katero bi morali uporabiti gradnjo manjših spletnih strani.
Več na Hongkiat.com:
- Prvi koraki s storitvijo Twitter Bootstrap
- Uporaba programa Bootstrap 3 With Sass
- Orodje za zagonsko datoteko: zgradite HTML postavitve zagonskega traku
- Delo z vtičnikom Bootstrap: Modal Window
- Orodje za zagon: Zgradite Megamenu z YAMM3
1. Okostje
Skeleton je končno dobil facelift. To je popolna prenova od tal navzgor, vendar je še vedno tako lahka, kot je bila. Novi mrežni sistem Skeleton zdaj uporablja filozofijo za mobilne naprave, ki zagotavlja, da je postavitev v središču pozornosti, ne glede na to, kako majhen je zaslon naprave..
Vse komponente, ki so bile vključene v prejšnjo različico - gumbi, obrazci in elementi vnosa - so še vedno prisotni, vendar so osnovni slogi tipografije zdaj nastavljeni v rem
enoto.
2. CardinalCSS
CardinalCSS je ogrodje CSS, ki je zgrajeno s poudarkom na zmogljivosti, berljivosti in kar je najpomembnejše pri vzdrževanju. CardinalCSS sprejema nekatere sodobne pristope, kot je mobilnost, najprej za oblikovanje mreže; in CSS Box Model, ki vam omogoča enostavno določanje širine in višine elementov.
CardinalCSS ima tudi nekaj pomoči, ki omogočajo hitro uporabo slogov na elementu, na primer kapa
ki uporablja učinek kapa za prvi znak v odstavku.
3. Jedrnat SSS
ConciseCSS je okvir CSS - brez napihnjenosti. To je vitki okvir, zgrajen na vrhu Sass, LESS in Stylus, ki utira svojo zlato pot do vzdržljivosti CSS. Toda, če imate raje navaden preprost vanilski CSS, lahko to tudi imate.
Podobno je tudi ConciseCSS opremljen z osnovnimi slogi za bistvene elemente, kot so naslovi, odstavki, tabele, obrazci in niz razredov pomočnikov za ustvarjanje uporabniškega vmesnika..
4. PowertoCSS
PowertoCSS je lahek in trden okvir za frontende. Imena razredov, ki se uporabljajo za izdelavo mreže in uporabo slogov, so preprosta in enostavna za spomin, npr. .gumb
. Dodate lahko tudi lastno temo. Pojdite do njihovega StarterKita, da začnete.
5. Skrivnostno
Furtive je prvi mobilni CSS okvir, zgrajen okoli vrhunskih spletnih standardov, kot je uporaba Flexboxa za omrežje in rem
enota za dimenzioniranje elementov (vključno z velikostjo pisave). Furtive ohranja majhen odtis CSS tako, da ne podpira starejših brskalnikov (* kašelj * Internet Explorer), ker zahtevajo vdor CSS. Zato Furtive je popoln okvir, če načrtujete spletno stran za prihodnost.
6. BassCSS
BassCSS ponuja lahek nabor osnovnih elementov, pripomočkov, postavitev in barvnih slogov v modularni obliki za gradnjo odzivne spletne aplikacije. Datoteke SCSS so vključene, da lahko stil preprosto prilagodite. Igrate se lahko s tipografijo, belim prostorom, točkami prekinitve in elementi uporabniškega vmesnika.
7. Mueller
Mueller je modularni odzivni sistem, zgrajen na Sass in Compass. Z Muellerjem lahko gradite mrežo bodisi z dodajanjem razredov naravnost v elemente HTML, ali če želite, da so vaši elementi HTML čisti in čisti, z uporabo mreža()
funkcijo. Muellerjeva mreža se lahko uporablja skupaj z Masonry Javascript knjižnico, da se ustvari postavitev v obliki Pinterest.
8. Tuktuk
Tuktuk je zelo edinstveno ime za okvir. V primerjavi s sistemom Bootstrap ali Foundation je Tuktuk precej lažji, saj prihaja le z ustrezno količino komponent za izdelavo prezentabilnega spletnega mesta, vključno za omrežni sistem, osnovno oblikovanje za tipografijo, tabele in nekaj uporabniških vmesnikov, kot sta navbar in modali.
9. Osnova
Base je zgrajen na vrhu LESS in Sass in vključuje le najbolj bistvene komponente za izdelavo spletnih strani: mrežo in osnovno oblikovanje HTML elementov. Base ne vsebuje komponent Javascripta, vendar ponuja veliko združljivost brskalnikov, tako da deluje tudi z IE7.
10. Toast
Zadnji na našem seznamu je Toast. Skozi SCSS stylesheet je vključen v paket, Toast vam omogoča enostavno konfiguriranje imena razredov omrežja, žleb in celo osnovo stolpca. Na primer, če želite, da je mreža stolpec z 9 bazami namesto 12, lahko to storite. Toast je minimalen CSS okvir z zelo prilagodljivimi konfiguracijami, ki zadovoljijo vaše zahteve.