Ne schimbăm în mod constant, iar modul de a face lucrurile a fost simplificat pentru dezvoltatorii de aplicații web. Chiar dacă mulți preferă să își creeze propriul cod, este adevărat că există instrumente care ne ușurează viața și ne permit să implementăm rapid un proiect.
Poate că în ecosistemul FrontEnd, cel mai popular și utilizat cadru CSS / JS din ultimii ani este Bootstrap cu motivul cuvenit. Bootstrap este probabil cel mai complet în comparație cu concurența și au opțiuni pentru aproape orice, dar nu este singurul și, în ceea ce privește gustul, nici măcar cel mai frumos.
Căutând pe internet pentru mine Am găsit o listă cu unele dintre cele mai populare și mai importante surse open source CSS / JS pe care le putem folosi pentru proiectele noastre personale. Dar în acest caz voi menționa doar cele 5 pe care le consider cele mai interesante. Să începem:
Strat de acoperire
Acesta în special nu l-a cunoscut. Lansat de Adobe®, acesta este un cadru care se concentrează în principal pe furnizarea a ceea ce este necesar pentru a crea aplicații web pentru toate dispozitivele. Printre principalele sale caracteristici se numără:
- E rapid.
- Temele pot fi personalizate.
- Icoane proprii.
- Source Sans Pro, o sursă OpenSource de la Adobe.
UIKit
Din ceea ce se poate vedea, UIkit este unul dintre cei mai puternici rivali ai Bootstrap și, ca date diferențiale, adaugă o serie de componente pe care cadrul Twitter nu le adaugă în mod implicit sau pur și simplu le îmbunătățește.
UI semantică
Un alt rival demn de Bootstrap de luat în considerare, deoarece nu numai că oferă componente noi, dar putem alege între mai multe stiluri / teme pentru ele. Putem alege ca butoanele, de exemplu, să fie similare sau egale cu cele ale GMail, Github, Amazon, Google Material, Bootstrap, Twitter, printre altele.
INK
Un alt candidat foarte bun de luat în considerare. INK ne oferă, de asemenea, componente noi sau un design și o funcționalitate puțin diferite de ceea ce găsim în Bootstrap.
UI Metro
Dacă vrem să facem ceva mai aproape de utilizatorii Windows, atunci Metro UI este una dintre variantele pe care le avem. Și spun una, pentru că dacă ne uităm puțin, găsim alte opțiuni pentru Bootstrap în sine.
Concluzii
În funcție de nevoile și obiectivele noastre, avem mai multe alternative așa cum am văzut deja. Deși am menționat doar cele 5 pe care le consider, acestea sunt cele mai complete, există multe altele, după cum puteți vedea în lista pe care am menționat-o la început. Se poate vedea, de asemenea, că mulți dintre ei au luat idei de la Bootstrap și chiar le-au îmbunătățit și că companii precum Adobe se alătură inițiativei de a crea acest tip de instrument pentru a ne îmbunătăți munca.
Dacă avem cunoștințele necesare, poate am putea chiar amesteca mai multe dintre ele luând ceea ce avem nevoie. Alegerea este a ta oricum.
Ai ratat contribuția Yahoo: CSS pur, se concentrează pe minimalism și ușurință.
Purul este ridicol de mic. Întregul set de module se încorporează la 4.0 KB * minimizat și gzip. Concepute cu dispozitive mobile în minte, a fost important pentru noi să menținem dimensiunile fișierelor mici și fiecare linie de CSS a fost luată în considerare cu atenție. Dacă decideți să utilizați doar un subset al acestor module, veți economisi și mai mulți octeți.
http://purecss.io/
Da, Pure este o opțiune, dar, în ciuda dimensiunii sale, din criteriile mele foarte specifice, nu este la fel de completă ca cele menționate mai sus.
Ceea ce îmi place la Pure este că îți oferă elementele de bază și este foarte rapid de învățat și implementat, îl poți folosi pe un site și îți oferă posibilitatea de a face ceva original, nu ești „bootstrapificat” ca majoritatea.
Prietene, cred că ai lăsat deoparte unul dintre marii rivali ai Bootstrap ... Foundation
Este adevărat ... Fundația a trecut pe lângă mine, care este un alt mare, posibil cel mai mare concurent al Bootstrap din ceea ce spun ei.
Prietene, îmi este dor de un materializecss important. Noroc
Fundația este cel mai bun cadru pentru proiectarea interfeței, cel mai complet și cel mai versatil și este un mare competitor pentru bootstrap, deși bootstrap nu ajunge la talpa pantofilor.
Foarte interesant, nu le-am cunoscut. De asemenea, am fost surprins să nu văd fundația în lista respectivă.
de fapt site-ul link-ului care lasă la început această fundație care fără îndoială este unul dintre cei mai puternici concurenți.
Voi începe să mă gândesc mai mult la aceste cadre pentru unele dezvoltări, deocamdată toate site-urile responsive pe care le scriu de la 0, cu o sută mai multă plăcere când scriu tot Xd
La sfârșitul zilei, toate sunt la fel. Litere mari mari pe fundal alb
Reguli BackEnd 😀
Adevărul este că în acest moment, această postare este foarte bună pentru mine, mulțumesc 😉
Folosesc semantica ui și nu este atât de intuitiv să spun
Fără Materializare sau Fundație, această listă este o prostie.
De ce spune cine? Unde este scris că acești doi trebuie să fie în mod specific? Dacă citiți comentariile (ceva ce aparent nu ați făcut) veți vedea că recunosc că mi-a fost dor de Fundație, dar lista pe care o vedeți în acest articol se bazează pe aprecierea mea și nu trebuie să fiți de acord cu aceasta , dar nu trebuie să spuneți că este gunoi.
Buna, articol foarte bun. Dar am vrut să vă spun că se pare că cineva a copiat-o pe site-ul lor fără a reflecta sursa originală. Nu știu cum tratezi aceste chestiuni, dar m-am gândit că ai vrea să știi. Link-ul este: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
Un salut.
Da, este normal să se întâmple asta. Am contactat deja cei responsabili pentru site for
Contribuție excelentă! Bootstrap a deschis cu siguranță ușile pentru oameni ca mine, care sunt buni în backend, dar rău în frontend în CSS, pentru a oferi un produs decent. Poate că nu a fost modul corect în care ar fi trebuit să o menționeze, dar sunt de acord că lipsește această listă MaterializeCSS; un cadru ușor și puternic, cu aspectul unui design material și cea mai minunată curbă de învățare posibilă. În 10 minute am reușit să configurez o interfață foarte frumoasă datorită acestui cadru. Documentația sa este atât de simplă încât, în comparație cu bootstrap-ul, arată ca o inginerie aerospațială. Așa că vă sugerez să aruncați o privire la Materializați (materializecss.com). Noroc!