Preporučeno, 2024

Izbor Urednika

20 najboljih prednjih okvira za alternativu pokretanja

Okviri su jedan od korisnih alata za napredne programere za brži i bolji razvoj. S okvirima možete izgraditi dobro strukturiranu, održivu i nadogradivu web stranicu . Također vam pomaže uštedjeti mnogo na svom vremenu jer postoji mnogo lako dostupnih elemenata koje možete koristiti.

Danas se broj okvira uvelike povećao i, kao što možda znate, Bootstrap s Twittera je na vrhu ljestvice. Kako bismo vam pomogli u odabiru najprikladnijeg okvira za korištenje, naveli smo 21 + najbolji okvir dostupan danas za Bootstrap alternativu . Nude jedinstvene i zadirkivačke značajke koje se razlikuju jedna od druge. Provjeri!

1. Čista

Ako planirate izgraditi web-aplikaciju koja radi i na radnoj površini i na mobitelu, trebate razmisliti o korištenju značajke Pure iz Yahoo-a. Čista je mnogo bolja izvedba kada su u pitanju mobilni uređaji nego Bootstrap. Kao što mu ime govori, Pure dolazi samo kao čisti CSS okvir. Izgrađen na vrhu Normalize.css, Pure ima iznimno malu veličinu datoteke sa samo 4.5KB (minificiran i gzip) .

2. UI Kit

UIkit je besplatan, lagan i modularan okvir za front-end. Razvijen uz LESS, UIkit ima dobro strukturiran, proširiv i održiv kod. Ona također nudi rešetkasti sustav koji je osjetljiv, fluidan i nestabilan. Uz UIkit možete izgraditi navigaciju, gumbe, modale, padajući izbornik i odgovornije. Njegova sveobuhvatna dokumentacija olakšat će vam početak korištenja UIkita.

3. MontageJS

MontageJS je besplatan open-source front-end okvir specijaliziran za kreiranje modernih Single-Page Applications (SPA) . Koristeći temelj mnogih provjerenih okvira aplikacija, Montage će pojednostaviti vaš razvojni proces, a ekspresivni HTML kodovi su još uvijek održivi. Pomoću programa MontageJS možete sinkronizirati DOM ažuriranja radi lakšeg korisničkog iskustva, izgraditi i proširiti komponente korisničkog sučelja koje se mogu ponovno koristiti i više.

4. Temelj

Temelj je lagan, fleksibilan i fleksibilan front-end okvir koji je stvorio i održava Gary Hepting . Izgrađen na Sassu i Compassu, Groundwork nudi veliki mrežni sustav koji je fleksibilan, fluidan i nestabilan . Sa svojim grid sustavom, možete izgraditi bilo koju vrstu rasporeda izgleda koji odgovara bilo kojoj veličini zaslona.

5. Gumbi

Gumby je fleksibilan i osjetljiv okvir izgrađen sa snagom Sassa za brži razvoj weba. Njegova prilagodba omogućuje jednostavno podešavanje i prilagodbu cijelog dizajna korisničkog sučelja kako bi se zadovoljile vaše najbolje želje. Gumby ima više vrsta rešetki s različitim varijacijama stupaca, ali Gumby standardno dolazi s 960 mrežnim sustavom.

HTML5 Boilerplate

Baš kao i njegovo ime, HTML5 Boilerplate pruža HTML5 spreman predložak koji je optimiziran kako bi zadovoljio najviše standardne HTML značajke. Pomoću ovog predloška možete stvoriti brzu, robusnu i osjetljivu web-lokaciju koja se može prilagoditi bilo kojoj vrsti preglednika, čak i starim poput Internet Explorera.

7. Skelet

Skeleton je lagan CSS okvir koji koristi sustav od 12 stupaca. Za razliku od Bootstrap ili zaklade, kostur vam pruža neke osnovne komponente samo poput gumba, popisa, tablica, obrazaca koji imaju za cilj pokretanje vašeg razvojnog procesa.

8. Bootflat

Bootflat je open source CSS okvir koji je izgrađen s moćnim Bootstrap 3. Bootflat je dizajniran za stvaranje zapanjujućeg ravnog web dizajna s bržim, lakšim i manje repetitivnim načinom . Stoga se njegov UI Kit isporučuje s prekrasnim paketom korisničkog sučelja PSD-a koji možete koristiti na Vašoj web stranici, iOS ili Android projektu.

9. Inuiti

Inuit.css je još jedan veliki CSS slavni koji se usredotočuje na pristup Mobile First i prepušta sav dizajn. Dok mnogi drugi okviri dolaze s vlastitim ugrađenim CSS-om, Inuit.css, međutim, ne. Inuit.css radi u OOCSS (Object Oriented CSS) načinu koji je brz, skalabilan i održiv način pisanja CSS-a koji se može ponovno koristiti.

10. 960 Mrežni sustav

960 Grid System je front-end okvir koji može pojednostaviti radni tijek razvoja weba na temelju 960px širokog spremnika. Kontejner se tada može rezati na 12, 16 ili čak 24 stupca radi lakšeg postavljanja sadržaja.

11. Materijalizirati

Izrađena na temelju Googleovih načela dizajna materijala, Materialize je došao kao moderan odgovarajući okvir za front-end. Ovaj okvir je vrlo pogodan za one koji žele implementirati Material Design izgled i dojam u svoje web stranice bez ikakve složenosti. Ima dizajn kartice, animaciju s valovitim efektima, Sass mixin, povuci izbornik za mobilne uređaje i još mnogo toga.

12. Jeet

Jeet je brz, fleksibilan i najnapredniji sustav mreže dostupan danas. Jeet vam pomaže u izgradnji rešetki u letu na vrlo intuitivan, čist način. Podržava gotovo sve moderne i stare preglednike.

13. Susy

Susy je automatizirani mrežni sustav koji vam može pomoći u izgradnji web izgleda u bilo kojoj vrsti stupca koji želite. To vam daje slobodu i fleksibilnost za izradu dizajna po vašem izboru. Sposoban je obraditi da li vaš dizajn ima 5, 12, 24, 48 ili nejednake stupce.

14. Metro UI

Metro UI je 12-grid temeljen okvir koji je inspiriran Windows 8 Metro stil sučelja. To je vrlo jednostavan za korištenje i ima stil s hrpa zajedničkih komponenti kao što su gumb, pločica, izbornik, datum birač i još mnogo toga. Tu je i predložak Portal novosti da biste lako počeli.

HTML kickstart

HTML KickStart je ultra-lean HTML, CSS i Javascript predložak za ekstremno brži razvoj weba. HTML KickStart razvijen je na temelju usluge Twitter Bootstrap s podrškom za ikone fonta Awesome. Svojim spremnim izbornikom, popisom, tablicama, gumbima, mrežnim sustavom i mnogim velikim elementima, uštedjet ćete proces izrade vašeg web projekta do 10 sati ili čak i više.

16. Jednostavna mreža

Jednostavna mreža je vrlo lagan, osjetljiv na mrežu. To nije kao drugi okviri koji imaju taj fancy gumb, izbornik, stol, itd., Simple Grid nudi samo čistu mrežu. Značajka mreže temelji se na veličini zaslona 1140 px s 12 stupaca koje možete prilagoditi kako biste dobili najbolji izgled.

17. Temelj

Zaklada je vjerojatno najteži suparnik za Twitter Bootstrap. To je vrlo dobro dokumentiran, stabilan, fleksibilan i open source front-end okvir. Ima mnogo korisnih alata za stvaranje bržeg mobilnog prvog web projekta. Danas podržava gotovo sve dostupne preglednike, osim IE7. Iako su mnogi programeri uglavnom koriste Foundation za HTML i CSS samo, ali imate mogućnost da ga port sa Sass i šina .

18. Materijal UI

Materijal UI je još jedan okvir koji implementira specifikaciju dizajna materijala . Jedina stvar koja ga razlikuje od materijala Materialise jest da je izgrađen od ljubavi prema React Javascript biblioteci s Facebooka. Ima mnogo prekrasnih UI komponenti koje možete slobodno koristiti na svojoj web stranici.

19. Topcoat

TopCoat je robustan front-end okvir napravljen od strane Adobe tima za razvoj web aplikacije dizajnirane s brzinom na umu. Svaki detalj u programu TopCoat optimiziran je za prioritet u radu. Ona također nudi vam s prilagodljivom temu, open source font i PSD UI Kit koristiti s vašim projektom.

20. Tinta

Tinta je front-end okvir koji je razvijen za brži razvoj korisničkog sučelja koristeći HTML, CSS i Javascript, baš kao i Bootstrap. Možete stvoriti moderan izgled jednostavno s nekim elementima sučelja za višekratnu upotrebu kao što su tablica, kartice, berač podataka, modal, popis za sortiranje, prikaz stabla, galerija, validator obrasca i još mnogo toga. Omogućuje vam i manipulaciju DOM-om, komunikacijskim uređajima i otmjenim efektima stranica pomoću JS Core motora.

21. Onsen UI

Onsen UI je hibridni okvir koji dobro funkcionira s PhoneGapom i Cordovom. Uz AngularJS, jQuery, Font Awesome i TopCoat kao temelj, Onsen UI može biti obećavajući alat za razvoj nevjerojatnih mobilnih aplikacija. Onsen UI vam može pomoći da lako izradite mobilne aplikacije koristeći koncept web-komponenti.

Koji je vaš omiljeni Bootstrap alternativa? Javite nam u komentarima ispod.

Top