Soovitatav, 2024

Toimetaja Valik

20 parimat käivitusraamiga alternatiivset raami

Raamprogrammid on üks kasulikumaid arendajaid, mis võimaldavad kiiremat ja paremat arengut. Raamistikuga saate luua hästi struktureeritud, hooldatava ja järkjärgulise veebilehe . Samuti aitab see teil palju aega säästa, sest seal on palju kergesti kättesaadavaid elemente, mida saate kasutada.

Tänapäeval on raamistike arv märkimisväärselt suurenenud ja nagu te teate, on Twitteri alglaadimine tipptasemel. Selleks, et aidata teil valida kõige sobivamat raamistikku, oleme loendanud Bootstrapi alternatiivi jaoks täna kättesaadavad 21 + parimad raamistikud . Nad pakuvad ainulaadseid ja kiusavaid funktsioone, mis erinevad üksteisest. Checkout!

1. Puhas

Kui plaanite ehitada veebirakendust, mis töötab nii töölaual kui ka mobiilil, peaksite kaaluma Pure'i kasutamist Yahoo'st. Pure on mobiilseadmete puhul palju parem kui Bootstrap. Nagu nimigi ütleb, on Pure ainult puhas CSS raamistik. Ehitamine Normalize.css peal on Pure'il äärmiselt väike faili suurus, mis on vaid 4, 5KB (minigeeritud ja gzip) .

2. UI-komplekt

UIkit on tasuta, kerge ja modulaarne esipaneel. LESS'iga loodud UIkit on hästi struktureeritud, laiendatav ja hooldatav kood. Samuti pakub see võrgusüsteemi, mis on tundlik, vedel ja pesastatav. Rakenduse UIkit abil saate luua navigeerimise, nuppe, mooduleid, rippmenüüd ja vastupidi. Selle kõikehõlmav dokumentatsioon aitab teil hõlpsamini alustada UIkitiga.

3. MontageJS

MontageJS on tasuta avatud lähtekoodiga esikülgraamistik, mis on spetsialiseerunud kaasaegsete ühekülgsete rakenduste (SPA) loomisele . Kasutades paljude tõestatud raamrakenduste vundamenti, lihtsustab Montage teie arendusprotsessi, samas kui ekspressiivsed HTML-koodid on ikka veel hooldatavad. MontageJS-i abil saate sünkroonida DOM-i värskendusi sujuvamaks kasutaja kogemuseks, ehitada ja laiendada UI komponente, mida saab korduvalt kasutada.

4. Alused

Alus on kerge, paindlik ja reageeriv esipaneel, mille on loonud ja hooldanud Gary Hepting . Ehitatud Sass ja Compass pealispinnal pakub suurt võrgusüsteemi, mis on paindlik, vedel ja pesas . Võrgusüsteemi abil saate luua mistahes paigutusviisi, mis sobib mis tahes ekraani suurusega.

5. Gumby

Gumby on paindlik ja reageeriv raamistik, mis on ehitatud Sass'i jõuga kiiremaks veebiarenduseks. Selle kohandaja võimaldab teil hõlpsalt muuta ja kohandada kogu kasutajaliidese komplekti disaini, et see vastaks teie parimatele eelistustele. Gumby'l on mitut tüüpi võrke, millel on erinevad veerusvariatsioonid, kuid vaikimisi on Gumby varustatud 960 võrgusüsteemiga.

6. HTML5 katla plaat

Just nagu tema nimi, pakub HTML5 Boilerplate teile HTML5 valmis malli, mis on optimeeritud, et vastata kõige enam uutele HTML-funktsioonidele. Kasutades seda malli, saate luua kiire, jõulise ja reageeriva saidi, mis suudab kohaneda mis tahes brauseriga, isegi vanades, näiteks Internet Exploreris.

7. Luustik

Skeleton on kerge CSS raamistik, mis kasutab 12-veergu võrgusüsteemi. Erinevalt Bootstrapist või Sihtasutusest pakub Skeleton mõningaid põhikomponentide komponente, nagu nupp, nimekirjad, tabel, vormid, mille eesmärk on alustada oma arendusprotsessi.

8. Bootflat

Bootflat on avatud lähtekoodiga CSS raamistik, mis on ehitatud võimsa Bootstrap 3-ga. Bootflat on loodud selleks, et luua uimastav lame web-disain, mis oleks kiirem, lihtsam ja vähem korduv . Seetõttu on selle UI-komplektis ilus PSD kasutajaliidese pakett, mida saate kasutada oma veebisaidil, iOS-i või Android-projektis.

9. Inuit

Inuit.css on veel üks suur CSS famework, mis keskendub Mobile Firsti lähenemisviisile ja jätab kogu disaini teile. Kuigi paljud teised raamistikud on oma ehitatud CSS-iga, ei ole Inuit.css. Inuit.css töötab OOCSS (Object Oriented CSS) viisil, mis on korduvkasutatava CSS-i kirjutamise kiire, skaleeritav ja hooldatav meetod.

10. 960 Grid System

960 Grid System on esikülje raamistik, mis suudab sujuvamaks muuta veebiarenduse töövoogu 960px laia konteineriga. Seejärel saab konteineri lõigata 12, 16 või isegi 24 veergu, et sisu lihtsamaks muuta.

11. Teostage

Google'i materiaalsete disainipõhimõtete alusel ehitatud materialiseerimine on tulnud kaasaegseks reageerivaks front-end raamistikuks. See raamistik sobib väga hästi neile, kes soovivad materiaalset disaini oma veebisaidile ilma keerukata rakendada. See sisaldab kaardi disaini, rippleefekti animatsiooni, Sass mixinit, tõmmake mobiilmenüüst välja ja palju muud.

12. Jeet

Jeet on tänapäeval kiire, paindlik ja kõige eelistatum võrgusüsteem. Jeet aitab teil ehitada võrke võrgus väga intuitiivselt, puhtalt, viisil. See toetab peaaegu kõiki kaasaegseid ja vanu brausereid.

13. Susy

Susy on automatiseeritud võrgusüsteem, mis aitab teil luua veebiplaani mistahes soovitud veerus. See annab teile vabaduse ja paindlikkuse teie valitud disaini loomiseks. See suudab lahendada, kas teie disainil on 5, 12, 24, 48 või ebavõrdsed veerud.

14. Metroo kasutajaliides

Metro UI on 12-põhine võrk, mis on inspireeritud Windows 8 Metro stiilis kasutajaliidesest. See on väga lihtne kasutada ja on stiil koos hulga tavalisi komponente nagu nupp, plaat, menüü, kuupäeva valija ja palju muud. Lihtsalt alustamiseks on olemas ka uudisteportaali mall.

15. HTML KickStart

HTML KickStart on ultra-lean HTML, CSS ja Javascript boilerplate äärmiselt kiireks veebiarenduseks. HTML KickStart töötati välja Twitter Bootstrap'i põhjal, mis sisaldab Font Awesome'i ikooni tuge. Oma valmismenüü, loendi, tabelite, nuppude, võrgusüsteemi ja paljude suurepäraste elementidega saate salvestada veebiprojekti loomise protsessi kuni 10 tundi või isegi rohkem.

16. Lihtne võrk

Simple Grid on väga kerge ja reageeriv võrgusüsteem. See ei ole nagu teised raamid, millel on see väljamõeldud nupp, menüü, tabel jne. Lihtne võrk pakub ainult puhast võrku. Võrgufunktsioon põhineb 1140 px ekraani suurusel 12 veeruga, mida saate oma parima paigutuse saamiseks kohandada.

17. Sihtasutus

Sihtasutus on tõenäoliselt Twitteri Bootstrapile kõige raskem rivaal. See on väga hästi dokumenteeritud, stabiilne, paindlik ja avatud lähtekoodiga esikülg. Sellel on palju kasulikke vahendeid, et kiiremini luua tundlik, mobiilne esimene veebiprojekt. See toetab peaaegu kogu olemasolevat brauserit, välja arvatud IE7. Kuigi paljud arendajad kasutavad enamasti ainult HTML-i ja CSS-i sihtasutust, on teil võimalus seda Sass ja Rails'iga kaasas kanda.

18. Materiaalne kasutajaliides

Materjali UI on teine ​​raamistik, mis rakendab materjali disaini spetsifikatsiooni. Ainus asi, mis eristab seda materiaalsest, on ehitatud Facebooki React Javascript raamatukogu armastusest. Sellel on palju ilusaid kasutajaliidese komponente, mida võite veebisaidil vabalt kasutada.

19. Pinnakate

TopCoat on Adobe meeskonna poolt loodud kiire tugiraamistik veebirakenduste väljatöötamiseks, mis on mõeldud silmas pidades kiirust. TopCoati iga detail on optimeeritud jõudluse prioriteediks. Samuti pakub see Teile kohandatavat teemat, avatud lähtekoodiga fondi ja ka PSD UI Kiti, mida kasutada oma projektis.

20. Tint

Tint on front-end raamistik, mis on välja töötatud kiirema kasutajaliidese arendamiseks HTML, CSS ja Javascript abil, nagu Bootstrap teeb. Saate luua kaasaegse paigutuse kergesti mõne korduvkasutatava liidese elemendiga nagu tabel, vahekaardid, andmete valija, modaalne, sorteeritav nimekiri, puuvaade, galerii, vormi valideerija ja palju muud. See võimaldab teil kasutada ka DOM-i manipuleerimist, sidevahendeid ja väljamõeldud leheküljeefekte JS Core mootoriga.

21. Onsen UI

Onsen UI on hübriidraamistik, mis töötab hästi PhoneGapi ja Cordovaga. Mis on AngularJS, jQuery, Font Awesome ja TopCoat kui sihtasutus, võib Onsen UI olla paljutõotav vahend hämmastavate mobiilirakenduste arendamiseks. Onsen UI aitab teil hõlpsalt mobiilirakendusi luua, kasutades veebikomponentide kontseptsiooni.

Milline neist on teie lemmik Bootstrap alternatiiv? Anna meile teada allpool toodud kommentaarides.

Top