Mes nuolat keičiamės ir žiniatinklio programų kūrėjams buvo supaprastintas darbų atlikimo būdas. Nors daugelis nori kurti savo kodą, tiesa, kad yra įrankių, kurie palengvina mūsų gyvenimą ir leidžia greitai įdiegti projektą.
Galbūt „FrontEnd“ ekosistemoje populiariausia ir naudojama CSS / JS sistema pastaruoju metu yra „Bootstrap“ su tinkama priežastimi. „Bootstrap“ yra galbūt pats išsamiausias, lyginant su varžovais, ir jie turi galimybių beveik viskam, tačiau tai nėra vienintelis ir skonio reikalui net ne pats gražiausias.
Manęs ieško internete Radau sąrašą su kai kuriais iš populiariausių CSS / JS sistemų ir, svarbiausia, atviro kodo, kurį galime naudoti savo asmeniniams projektams. Bet šiuo atveju paminėsiu tik 5, kuriuos laikau įdomiausiais. Pradėkime:
Viršutinis sluoksnis
Šis ypač jo nepažinojo. Paleista „Adobe®“, tai yra sistema, daugiausia orientuota į tai, ko reikia norint sukurti žiniatinklio programas visiems įrenginiams. Tarp pagrindinių jo savybių yra:
- Tai greita.
- Temos gali būti pritaikytos.
- Savo piktogramos.
- „Source Sans Pro“, „Adobe“ „OpenSource“ šaltinis.
„UIkit“
Iš to, kas matyti, „UIkit“ yra vienas stipriausių „Bootstrap“ konkurentų ir kaip skirtingi duomenys prideda daugybę komponentų, kurių „Twitter“ sistema pagal numatytuosius nustatymus neprideda, arba tiesiog juos tobulina.
Semantinė vartotojo sąsaja
Kitas vertas „Bootstrap“ varžovas, į kurį reikia atsižvelgti, nes jis suteikia ne tik naujų komponentų, bet ir galime pasirinkti kelis jų stilius / temas. Mes galime pasirinkti, kad, pavyzdžiui, mygtukai būtų panašūs arba lygūs, be kitų, „GMail“, „Github“, „Amazon“, „Google Material“, „Bootstrap“, „Twitter“.
INK
Kitas labai geras kandidatas, į kurį reikia atsižvelgti. INK taip pat suteikia mums naujų komponentų arba dizainą ir funkcionalumą, šiek tiek kitokį nei randame „Bootstrap“.
Metro UI
Jei norime padaryti ką nors arčiau „Windows“ vartotojų, tai „Metro“ vartotojo sąsaja yra vienas iš mūsų turimų variantų. Ir aš sakau vieną, nes jei šiek tiek pažiūrėsime, rasime kitos pačios „Bootstrap“ parinktys.
Išvados
Atsižvelgdami į savo poreikius ir tikslus, turime keletą alternatyvų, kaip jau matėme. Nors paminėjau tik 5, mano manymu, jie yra išsamiausi, jų yra daug daugiau, kaip matote pradžioje minėtame sąraše. Taip pat galima pastebėti, kad daugelis jų perėmė „Bootstrap“ idėjas ir netgi jas patobulino ir kad tokios kompanijos kaip „Adobe“ prisijungia prie iniciatyvos, kad sukurtų tokio tipo įrankius, kad pagerintų mūsų darbą.
Jei turėsime reikiamų žinių, galbūt net galėtume kelis iš jų sumaišyti pasiimdami tai, ko mums reikia. Šiaip ar taip, jūs pasirenkate.
Jūs praleidote „Yahoo“ indėlį: Pure CSS, jis orientuotas į minimalizmą ir lengvumą.
Grynas yra juokingai mažytis. Visas modulių rinkinys laikomas 4.0KB * sparta ir suglaudinamas. Sukurtas atsižvelgiant į mobiliuosius įrenginius, mums buvo svarbu, kad failų dydžiai būtų maži, o kiekviena CSS eilutė buvo kruopščiai apgalvota. Jei nuspręsite naudoti tik šių modulių pogrupį, sutaupysite dar daugiau baitų.
http://purecss.io/
Taip, „Pure“ yra galimybė, tačiau, nepaisant savo dydžio, atsižvelgiant į mano ypatingus kriterijus, jis nėra toks išsamus, kaip minėta pirmiau.
„Pure“ man patinka tai, kad jis suteikia jums pagrindus ir yra labai greitai išmokstamas bei įgyvendinamas, galite jį naudoti svetainėje ir tai suteikia galimybę daryti kažką originalaus, nesate „paleidžiamas“ kaip dauguma.
Drauge, manau, kad tu palikai vieną puikių „Bootstrap…“ fondo konkurentų
Tiesa ... Praleido mane fondas, kuris yra dar vienas didžiųjų, galbūt didžiausias „Bootstrap“ konkurentas iš to, ką jie sako.
Draugas ilgiuosi tavęs vieno svarbaus materializeko. Cheers
„Foundation“ yra geriausias sąsajos projektavimo pagrindas, išsamiausias ir universaliausias, be to, tai puikus konkurentas, naudodamasis „bootstrap“, nors „bootstrap“ nepasiekia vienintelio jūsų batų.
Labai įdomu, aš jų nepažinojau. Taip pat nustebau nematęs pamatų tame sąraše.
iš tikrųjų nuoroda, paliekanti pradžioje šį pamatą, kuris, be abejonės, yra vienas stipriausių konkurentų.
Aš pradėsiu daugiau galvoti apie šias kai kurių pokyčių sistemas, nes dabar visos interaktyvios svetainės, kurias rašau nuo 0, šimtas daugiau malonumo rašant viską Xd
Dienos pabaigoje jie visi vienodi. Didelės geros raidės baltame fone
„BackEnd“ taisyklės 😀
Tiesa ta, kad šiuo metu šis įrašas man labai naudingas, ačiū thank
Aš naudoju ui semantiką ir tai nėra taip intuityvu pasakyti
Be „Materialize“ ar „Foundation“ šis sąrašas yra nesąmonė.
Kodėl sako kas? Kur parašyta, kad tie du turi būti specialiai? Perskaitydami komentarus (ko, matyt, nepadarėte) pamatysite, kad pripažįstu, jog man trūko fondo, tačiau sąrašas, kurį matote šiame straipsnyje, yra pagrįstas mano vertinimu, ir jūs neturite su juo sutikti, bet jūs neturite sakyti, kad taip yra šiukšlių.
Sveiki, labai geras straipsnis. Bet aš norėjau jums pasakyti, kad atrodo, kad kažkas jį nukopijavo savo svetainėje, neatspindėdamas pirminio šaltinio. Nežinau, kaip jūs tvarkote šiuos reikalus, bet maniau, kad norėtumėte sužinoti. Nuoroda yra: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
Pasisveikinimas.
Taip, normalu, kad taip nutinka. Jau susisiekiau su atsakingais už svetainę 😉
Puikus indėlis! „Bootstrap“ neabejotinai atvėrė duris tokiems žmonėms kaip aš, kurie gerai išmano vidinę dalį, bet vargina „CSS“ priekyje, kad pristatytų padoraus išvaizdos produktą. Gal tai nebuvo teisingas būdas, kuriuo jie turėjo tai paminėti, bet sutinku, kad šiame sąraše nėra „MaterializeCSS“; lengvas, galingas karkasas, pasižymintis medžiagos dizainu ir kuo puikiausia mokymosi kreive. Per 10 minučių man pavyko sukurti labai gražią sąsają šios sistemos dėka. Jo dokumentacija yra tokia paprasta, kad, palyginti su „bootstrap“, ji atrodo kaip aviacijos inžinerija. Taigi siūlau pažvelgti į „Materialize“ (materializecss.com). Cheers!