Nenehno se spreminjamo, razvijalcem spletnih aplikacij pa je poenostavljen način dela. Čeprav mnogi raje ustvarjajo lastno kodo, je res, da obstajajo orodja, ki nam olajšajo življenje in nam omogočajo hitro uvedbo projekta.
Morda je v ekosistemu FrontEnd najbolj priljubljen in v zadnjem času uporabljen okvir CSS / JS Bootstrap z ustreznim razlogom. Bootstrap je morda najbolj popoln v primerjavi s konkurenco in imajo možnosti za skoraj vse, a ni edini in po okusu niti najlepši.
Iskanje po internetu zame Našel sem seznam z nekaterimi najbolj priljubljenimi CSS / JS Frameworks in kar je najpomembneje, odprtokodno, ki jih lahko uporabimo za svoje osebne projekte. A v tem primeru bom omenil le 5, ki se mi zdijo najbolj zanimivi. Začnimo:
Plašč
Predvsem ta ga ni poznal. Izdelan s strani Adobe®, je okvir, ki se osredotoča predvsem na zagotavljanje potrebnega za ustvarjanje spletnih aplikacij za vse naprave. Njegove glavne značilnosti so:
- Hitro je.
- Teme lahko prilagodite.
- Lastne ikone.
- Source Sans Pro, vir OpenSource podjetja Adobe.
UIkit
Kot je razvidno, je UIkit eden najmočnejših tekmecev Bootstrapa in kot diferencialne podatke doda vrsto komponent, ki jih okvir Twitterja privzeto ne doda, ali pa jih preprosto izboljša.
Semantični uporabniški vmesnik
Še en vreden tekmec Bootstrap, ki ga je treba upoštevati, saj ne ponuja le novih komponent, temveč lahko zanje izbiramo med več slogi / temami. Izberemo lahko, da so na primer gumbi podobni ali enaki gumbom med drugim GMail, Github, Amazon, Google Material, Bootstrap, Twitter.
INK
Še en zelo dober kandidat za razmislek. INK nam ponuja tudi nove komponente ali obliko in funkcionalnost, ki se nekoliko razlikujeta od tiste, ki jo najdemo v Bootstrapu.
Metro UI
Če želimo narediti kaj bližje uporabnikom sistema Windows, potem je uporabniški vmesnik Metro ena izmed različic, ki jih imamo. In rečem eno, kajti če malo pogledamo, najdemo druge možnosti za sam Bootstrap.
Sklepi
Glede na naše potrebe in cilje imamo več možnosti, kot smo že videli. Čeprav sem omenil le 5, za katere menim, da so najbolj popolni, jih je veliko več, kot lahko vidite na seznamu, ki sem ga omenil na začetku. Prav tako je razvidno, da so mnogi med njimi iz Bootstrapa vzeli ideje in jih celo izboljšali ter da se podjetja, kot je Adobe, pridružujejo pobudi za ustvarjanje tovrstnega orodja za izboljšanje našega dela.
Če imamo potrebno znanje, bi jih morda lahko celo premešali in vzeli, kar potrebujemo. Izbira je tako ali tako vaša.
Pogrešali ste prispevek Yahoo: Pure CSS, osredotoča se na minimalizem in lahkotnost.
Čisto je smešno majhno. Celoten nabor modulov se pomanjša in gzipira na 4.0 KB *. Izdelano z mislijo na mobilne naprave, nam je bilo pomembno, da imamo velikost datotek majhne, in vsaka vrstica CSS je bila natančno preučena. Če se odločite za uporabo samo podskupine teh modulov, boste prihranili še več bajtov.
http://purecss.io/
Da, Pure je možnost, vendar kljub svoji velikosti, glede na zelo natančna merila, ni tako popoln kot zgoraj omenjeni.
Pri Pureju mi je všeč, da vam daje osnove in se zelo hitro nauči in implementira, lahko ga uporabite na spletnem mestu in vam omogoči, da naredite nekaj izvirnega, niste "bootstrapified" kot večina.
Prijatelj, mislim, da si izpustil enega največjih tekmecev fundacije Bootstrap…
Res je ... Fundacija me je opravila mimo, kar je še eden izmed velikih, verjetno največji konkurent Bootstrapa od tega, kar pravijo.
Prijatelj, pogrešam te za en pomemben material. Na zdravje
Foundation je najboljši okvir za oblikovanje vmesnikov, najbolj popoln in najbolj vsestranski in je odličen konkurent bootstrapu, čeprav bootstrap ne doseže podplata čevljev.
Zelo zanimivo, nisem jih poznal. Presenečen sem bil tudi, če nisem videl temeljev na tem seznamu.
pravzaprav mesto povezave, ki na začetku pušča to temelje, ki je nedvomno eden najmočnejših konkurentov.
Začel bom razmišljati več o teh okvirih za nekatere dogodke, za zdaj pišem vsa odzivna spletna mesta od 0, še sto užitka pri pisanju vsega Xd
Na koncu so vsi enaki. Velike dobre črke na belem ozadju
Pravila BackEnd 😀
Resnica je, da je v tem trenutku ta objava zame zelo dobra, hvala 😉
Uporabljam semantiko ui in ni tako intuitivno reči
Brez Materialize ali Foundation je ta seznam sranje.
Zakaj pravi kdo? Kje je zapisano, da morata biti ta dva posebej? Če preberete komentarje (nekaj, kar očitno še niste storili), boste videli, da priznam, da mi je fundacija manjkala, vendar seznam, ki ga vidite v tem članku, temelji na moji presoji in se vam ni treba strinjati z njim, vendar vam ni treba trditi, da je smeti.
Pozdravljeni, zelo dober članek. Toda hotel bi vam povedati, da se zdi, da ga je nekdo kopiral na svojem spletnem mestu, ne da bi odražal prvotni vir. Ne vem, kako ravnate s temi zadevami, vendar sem mislil, da bi radi vedeli. Povezava je: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
Pozdrav.
Da, normalno je, da se to zgodi. Odgovorne za spletno mesto sem že kontaktiral 😉
Odličen prispevek! Bootstrap je zagotovo odprl vrata ljudem, kot sem jaz, ki so dobri v zaledju, a zanič v frontendu v css-u, da bi ponudili spodoben izdelek. Mogoče ne bi smeli omeniti pravilnega načina, vendar se strinjam, da na tem seznamu manjka MaterializeCSS; lahek, zmogljiv okvir z videzom materialnega oblikovanja in najčudovitejšo učno krivuljo. V 10 minutah sem lahko zaradi tega ogrodja postavil zelo lep vmesnik. Njegova dokumentacija je tako preprosta, da je v primerjavi z bootstrapom videti kot vesoljsko inženirstvo. Zato predlagam, da si ogledate Materialize (materializecss.com). Na zdravje!