Gadgetshowto
Frameworks este unul dintre instrumentele utile pentru dezvoltatorii front-end pentru o dezvoltare mai rapidă și mai bună. Cu cadre puteți construi un site web bine structurat, care poate fi întreținut și actualizat. De asemenea, te ajută economisiți mult timp deoarece există o mulțime de elemente ușor disponibile pe care le puteți utiliza.
În zilele noastre, numărul cadrelor a crescut foarte mult și, după cum știți, Bootstrap de la Twitter se află în topul clasamentului. Pentru a vă ajuta să alegeți cel mai adecvat cadru de utilizat, am enumerat 21+ cele mai bune cadre disponibil astăzi pentru Alternativă Bootstrap. Acestea oferă caracteristici unice și tachinatoare care diferă între ele. Verifică!
1. Pur
Dacă intenționați să creați o aplicație web care să funcționeze atât pe desktop, cât și pe mobil, atunci ar trebui să luați în considerare utilizarea Pure de la Yahoo. Pure are performanțe mult mai bune atunci când vine vorba de dispozitive mobile decât Bootstrap. După cum sugerează și numele său, Pure vine doar ca un cadru CSS pur. Construiți pe partea de sus a Normalize.css, Pure are o dimensiune de fișier extrem de mică, cu doar 4,5 KB (minimizat și gzip).
2. Kit UI
UIkit este un cadru front-end gratuit, ușor și modular. Dezvoltat cu LESS, UIkit are un cod bine structurat, extensibil și care poate fi întreținut. De asemenea, oferă un sistem de rețea care este receptiv, fluid și cuibărit. Cu UIkit puteți crea navigare, butoane, moduri, meniuri drop-down și mai responsive. Documentația sa cuprinzătoare vă va face mai ușor să începeți cu UIkit.
3. MontajJS
MontageJS este un cadru front-end open source specializat pentru crearea aplicațiilor moderne cu o singură pagină (SPA). Folosind fundamentul multor aplicații cadru dovedite, Montage vă va simplifica procesul de dezvoltare, în timp ce codurile HTML expresive sunt încă menținute. Cu MontageJS, puteți sincroniza actualizările DOM pentru o experiență mai ușoară a utilizatorului, construi și extinde componente UI care pot fi refolosite și mai mult.
4. Pregătirea la sol
Groundwork este un cadru frontal ușor, flexibil și receptiv creat și întreținut de Gary Hepting. Construită deasupra Sass și Compass, Groundwork oferă un sistem excelent de rețea care flexibil, fluid și cuibărit. Cu sistemul său de rețea, puteți construi orice tip de aspect care să se potrivească pe orice dimensiune a ecranului.
5. Gumby
Gumby este un cadru flexibil și receptiv construit cu puterea lui Sass pentru o dezvoltare web mai rapidă. Personalizatorul său vă permite să modificați și să personalizați cu ușurință întregul design al kitului UI pentru a satisface cele mai bune preferințe. Gumby are mai multe tipuri de rețele cu variații diferite de coloane, dar în mod implicit, Gumby vine cu un sistem de rețea 960.
6. HTML5 Boilerplate
La fel ca și numele său, HTML5 Boilerplate vă oferă șablon HTML5 pregătit, care a fost optimizat pentru a îndeplini cele mai standard de caracteristici HTML noi. Utilizând acest șablon, puteți crea un dispozitiv rapid, robust și receptiv site care se poate adapta la orice fel de browser, chiar și la cele vechi, cum ar fi Internet Explorer.
7. Schelet
Skeleton este un cadru CSS ușor care folosește un sistem de rețea cu 12 coloane. Spre deosebire de Bootstrap sau Foundation, Skeleton vă oferă câteva componente fundamentale doar cum ar fi butonul, listele, tabelul, formularele care au avut ca scop inițierea procesului de dezvoltare..
8. Bootflat
Bootflat este un cadru CSS open source care este construit cu puternicul Bootstrap 3. Bootflat este conceput pentru a crea un design web uimitor plat cu mai rapid, mai ușor și mai puțin repetitiv. Prin urmare, setul său de interfață vine cu un pachet de interfață de utilizator PSD frumos pe care îl puteți utiliza pe site-ul dvs., proiectul iOS sau Android.
9. Inuit
Inuit.css este o altă mare lucrare de renume CSS care se concentrează pe abordarea Mobile First și vă lasă tot designul. În timp ce multe alte cadre vin cu propriul CSS de proiectare încorporat, totuși, Inuit.css nu. Inuit.css funcționează în mod OOCSS (Object Oriented CSS), care este o metodă rapidă, scalabilă și menținută de scriere CSS reutilizabilă.
10. Sistemul de rețea 960
960 Grid System este un cadru front-end care vă poate eficientiza fluxul de lucru de dezvoltare web bazat pe un container cu o lățime de 960 px. Recipientul poate fi apoi împărțit în 12, 16 sau chiar 24 de coloane pentru a facilita amplasarea conținutului.
11. Materializați-vă
Construit pe baza principiilor Google de proiectare a materialelor, Materialize a venit ca un cadru front-end modern receptiv. Acest cadru este foarte potrivit pentru cei care doresc să implementeze aspectul designului materialului pe site-ul lor web fără nicio complexitate. Este dotat design de card, animație cu efect de ondulare, mix Sass, trageți afară meniul mobil si multe altele.
12. Jeet
Jeet este un sistem de rețea rapid, flexibil și cel mai avansat disponibil astăzi. Jeet vă ajută să construiți rețele din mers într-un mod foarte intuitiv, curat. Suportă aproape toate browserele moderne și vechi.
13. Susy
Susy este un sistem de rețea automatizat care vă poate ajuta să creați aspectul web în orice fel de coloană doriți. Vă oferă libertate și flexibilitate pentru a construi designul la alegere. Poate rezolva dacă designul dvs. are 5, 12, 24, 48 sau coloane inegale.
14. UI Metro
Metro UI este un cadru bazat pe 12 grile, care este inspirat de interfața Windows 8 Metro style. Este foarte ușor de utilizat și are stil cu o grămadă de componente obișnuite, cum ar fi butonul, țiglă, meniu, selector de date și multe altele. Există, de asemenea, un șablon Portal de știri pentru a începe cu ușurință.
15. HTML KickStart
HTML KickStart este un cazan ultra-slab HTML, CSS și Javascript pentru o dezvoltare web extrem de rapidă. HTML KickStart a fost dezvoltat pe baza Bootstrap-ului Twitter cu suportul pentru pictograme de la Font Awesome. Cu meniul gata, lista, tabelele, butoanele, sistemul de rețea și multe elemente excelente, veți salva procesul de creare a proiectului dvs. web până la 10 ore sau chiar mai mult.
16. Grilă simplă
Simple Grid este un sistem de rețea foarte ușor și receptiv. Nu este ca și alte cadre care au acel buton elegant, meniu, tabel etc., Simple Grid oferă doar o grilă pură. Caracteristica grilă se bazează pe Dimensiune ecran 1140 px cu 12 coloane pe care îl puteți personaliza pentru a obține cel mai bun aspect.
17. Fundație
Fundația este cel mai probabil cel mai dur rival pentru Twitter Bootstrap. Este un cadru front-end foarte bine documentat, stabil, flexibil și open source. Are multe instrumente utile pentru crearea mai rapidă a unui proiect web receptiv, mobil. Suportă aproape tot browserul disponibil astăzi, cu excepția IE7. Deși mulți dezvoltatori folosesc în cea mai mare parte Foundation doar pentru HTML și CSS, dar aveți opțiunea de a-l porta Sass și Șine.
18. UI material
UI material este un alt cadru care implementează Proiectarea materialelor specificație. Singurul lucru care îl diferențiază de Materializare este că este construit de dragostea bibliotecii React Javascript de pe Facebook. Are multe componente UI frumoase pe care le puteți folosi în mod liber pe pagina dvs. web.
19. Stratul superior
TopCoat este un cadru front-end robust realizat de echipa Adobe pentru dezvoltarea de aplicații web concepute având în vedere viteza. Fiecare detaliu din TopCoat este optimizat pentru prioritate de performanță. De asemenea, vă oferă o temă personalizabilă, un font open source și, de asemenea, un kit PSD UI pentru a fi utilizat cu proiectul dvs..
20. Cerneală
Cerneala este un cadru frontal care este dezvoltat pentru o dezvoltare mai rapidă a interfeței de utilizare utilizând HTML, CSS și Javascript, la fel cum face Bootstrap. Puteți crea cu ușurință aspect modern cu unele elemente de interfață reutilizabile, cum ar fi tabel, file, selector de date, modal, listă sortabilă, vizualizare în arbore, galerie, validator de formulare și multe altele. De asemenea, vă permite să aveți manipulare DOM, facilități de comunicare și efecte de pagină fanteziste cu motorul său JS Core.
21. UI Onsen
Interfața de utilizare Onsen este un cadru hibrid care funcționează bine cu PhoneGap și Cordova. Având ca bază AngularJS, jQuery, Font Awesome și TopCoat, Onsen UI poate fi un instrument promițător pentru dezvoltarea de aplicații mobile uimitoare. Interfața de utilizare Onsen vă poate ajuta să creați cu ușurință aplicații mobile utilizând conceptul de componente Web.
Care este alternativa preferată Bootstrap? Spuneți-ne în comentariile de mai jos.
