Stalno se mijenjamo, a način rada je pojednostavljen za programere web aplikacija. Iako mnogi radije stvaraju vlastiti kod, istina je da postoje alati koji nam olakšavaju život i omogućuju nam brzu implementaciju projekta.
Možda je u FrontEnd ekosustavu najpopularniji i najkorišteniji CSS / JS okvir u posljednje vrijeme Bootstrap s pravim razlogom. Bootstrap je možda najkompletniji u odnosu na konkurenciju i imaju mogućnosti za gotovo sve, ali nije jedini, a po pitanju ukusa ni najljepši.
Tražim po internetu za mnom Pronašao sam spisak sa nekim od najpopularnijih i najvažnijeg otvorenog koda CSS / JS okvira koje možemo koristiti za svoje lične projekte. Ali u ovom slučaju spomenut ću samo 5 koje smatram najzanimljivijima. Hajde da počnemo:
Završni sloj
Ovaj ga posebno nije poznavao. Pokrenuo ga je Adobe®, to je okvir koji se uglavnom fokusira na pružanje onoga što je neophodno za stvaranje web aplikacija za sve uređaje. Među glavnim karakteristikama su:
- Brzo je.
- Teme se mogu prilagoditi.
- Vlastite ikone.
- Source Sans Pro, OpenSource izvor iz Adobea.
UIkit
Iz onoga što se može vidjeti, UIkit je jedan od najjačih suparnika Bootstrapa i kao diferencijalni podatak dodaje niz komponenata koje Twitter okvir ne dodaje po defaultu, ili ih jednostavno poboljšava.
Semantički korisnički interfejs
Još jednog dostojnog suparnika za Bootstrap koji treba uzeti u obzir, jer ne nudi samo nove komponente, već za njih možemo birati između nekoliko stilova / tema. Možemo odabrati da su, na primjer, gumbi slični ili jednaki onima između GMaila, Githuba, Amazona, Google Materijala, Bootstrapa, Twittera.
MASTILO
Još jedan vrlo dobar kandidat za razmatranje. INK nam takođe pruža nove komponente ili dizajn i funkcionalnost koji se malo razlikuju od onoga što nalazimo u Bootstrapu.
Korisničko sučelje Metro
Ako želimo učiniti nešto bliže korisnicima Windowsa, tada je Metro UI jedna od varijanti koje imamo. I kažem jedan, jer ako malo pogledamo, nalazimo druge opcije za sam Bootstrap.
ZAKLJUČCI
Ovisno o našim potrebama i ciljevima, imamo nekoliko alternativa kao što smo već vidjeli. Iako sam spomenuo samo 5 koje smatram najpotpunijima, ima ih još mnogo kao što možete vidjeti na popisu koji sam spomenuo na početku. Također se može vidjeti da su mnogi od njih preuzeli ideje iz Bootstrapa i čak ih poboljšali te da se kompanije poput Adobe pridružuju inicijativi za stvaranje ove vrste alata za poboljšanje našeg rada.
Ako imamo potrebno znanje, možda bismo mogli kombinirati nekoliko njih uzimajući ono što nam treba. Izbor je ionako vaš.
Propustili ste Yahoo doprinos: čisti CSS, fokusiran je na minimalizam i lakoću.
Čisto je smiješno sićušno. Čitav set modula dolazi na 4.0KB * umanjen i gzipiran. Stvoreno s mobilnim uređajima na umu, bilo nam je važno da naše veličine datoteka budu male i pažljivo je razmotrena svaka linija CSS-a. Ako odlučite koristiti samo podskup ovih modula, uštedjet ćete još više bajtova.
http://purecss.io/
Da, Pure je opcija, ali unatoč svojoj veličini, prema mojim vrlo određenim kriterijima, nije cjelovit kao gore navedeni.
Ono što mi se sviđa kod Pure-a je to što vam daje osnove i vrlo je brz za učenje i implementaciju, možete ga koristiti na web mjestu i daje vam opseg da napravite nešto originalno, niste bootstrapificirani kao većina.
Prijatelju, mislim da si izostavio jednog od velikih rivala fondacije Bootstrap…
Istina je ... Fundation me je prošao, što je još jedan od velikana, možda najveći konkurent Bootstrapa od onoga što kažu.
Prijatelju, nedostaješ mi jedan važan materijal. Živjeli
Temelj je najbolji okvir za dizajn interfejsa, najkompletniji i najsvestraniji i sjajan je konkurent bootstrapu, iako bootstrap ne doseže potplat cipela.
Vrlo zanimljivo, nisam ih poznavao. Takođe sam bio iznenađen što na tom spisku nisam video temelje.
u stvari stranica linka koja na početku ostavlja ovu osnovu koja je bez sumnje jedan od najjačih konkurenata.
Počet ću više razmišljati o tim okvirima za neke događaje, za sada pišem sve responzivne web stranice od 0, još sto zadovoljstva kada pišem sve Xd
Na kraju dana svi su isti. Velika dobra slova na bijeloj pozadini
BackEnd pravila 😀
Istina je da mi je u ovom trenutku ovaj post jako dobar, hvala 😉
Koristim korisničku semantiku i nije tako intuitivno reći
Bez Materialize ili Foundation, ova lista je sranje.
Zašto kaže ko? Gdje je zapisano da to dvoje moraju biti posebno? Ako pročitate komentare (nešto što očito niste učinili), vidjet ćete da prepoznajem da mi je nedostajalo Fundation, ali popis koji vidite u ovom članku temelji se na mojoj zahvalnosti i ne morate se s tim složiti, ali ne morate reći da je to tako smeće.
Pozdrav, vrlo dobar članak. Ali htio sam vam reći da se čini da ga je netko kopirao na svojoj web stranici bez odražavanja izvornog izvora. Ne znam kako se nosite s tim stvarima, ali mislio sam da biste željeli znati. Link je: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
A pozdrav.
Da, normalno je da se to dogodi. Već sam kontaktirao odgovorne za stranicu 😉
Odličan doprinos! Bootstrap je sigurno otvorio vrata ljudima poput mene koji su dobri u pozadini, ali loši na frontu u CSS-u da bi isporučili proizvod pristojnog izgleda. Možda to nije bio ispravan način na koji su to trebali spomenuti, ali slažem se da na ovom popisu nedostaje MaterializeCSS; lagan, moćan okvir, s izgledom dizajna materijala i najdivnijom mogućom krivuljom učenja. Za 10 minuta uspio sam postaviti vrlo lijep interfejs zahvaljujući ovom okviru. Njegova dokumentacija je toliko jednostavna da u usporedbi s bootstrapom izgleda kao vazduhoplovni inženjering. Stoga predlažem da pogledate Materialize (materializecss.com). Živjeli!