Estem en constant canvi i la forma de fer les coses s'han simplificat per als desenvolupadors d'aplicacions web. Tot i que molts prefereixen crear el seu propi codi, és cert que hi ha eines que ens faciliten la vida i ens permeten desplegar un projecte de forma ràpida.
Potser en l'ecosistema de l'FrontEnd, el framework CSS / JS més popular i utilitzat en els últims temps és Bootstrap amb la seva deguda raó. Bootstrap és possiblement el més complet enfront de la competència i tenen opcions per a gairebé tot, però no és l'únic, i en qüestió de gustos, ni tan sols el més bonic.
Buscant a Internet em vaig trobar un llistat amb alguns dels Frameworks CSS / JS més populars i el més important, de codi obert, que podem fer servir per als nostres projectes personals. Però en aquest cas només esmentaré els 5 que considero més interessants. Comencem:
La capa superior
Aquest en particular no el coneixia. Llançat per Adobe ® és un framework que se centra principalment en proveir el necessari per crear aplicacions web per a tots els dispositius. Entre les seves característiques principals es troben:
- És ràpid.
- Es poden personalitzar els temes.
- Icones propis.
- Source Sans Pro, una font OpenSource d'Adobe.
UIkit
Pel que es pot apreciar, UIkit és un dels rivals més forts de Bootstrap i com a dada diferencial, afegeix una sèrie de components que el framework de Twitter no afegeix per defecte, o simplement els millora.
IU semàntica
Un altre digne rival de Bootstrap a tenir molt en compte, ja que no només aporta nous components, sinó que podem escollir entre diversos estils / temes per als mateixos. Podem escollir que els botons per exemple siguin similars o iguals als de GMail, Github, Amazon, Google Material, Bootstrap, Twitter, entre d'altres.
TINTA
Un altre molt bon candidat a tenir en compte. INK també ens aporta nou components o amb un disseny i funcionalitat una mica diferents al que trobem en Bootstrap.
IU del metro
Si volem fer alguna cosa més proper als usuaris de Windows, ja que Metro UI és una de les variants que tenim. I dic una, perquè si busquem una mica trobem altres opcions per al propi Bootstrap.
Conclusions
En dependència de les nostres necessitats i objectius, tenim diverses alternatives com ja vam veure. Encara que vaig esmentar només les 5 que considero, són els més complets, hi ha moltes més com bé es pot veure en el llistat que he esmentat a del principi. També es pot apreciar que moltes d'elles han pres idees de Bootstrap i fins i tot, les han millorat i que empreses com Adobe, s'uneixen a la iniciativa de crear aquest tipus d'eines per millorar el nostre treball.
Si tenim els coneixements necessaris, potser podríem fins barrejar diversos d'ells prenent el que necessitem. De totes maneres l'elecció és de vostès.
Et va faltar la contribució de Yahoo: Pure CSS, s'enfoca en el minimalisme i la lleugeresa.
Pure is ridiculously tiny. The entire set of modules clocks in at 4.0KB * minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decideix to only usi a subset of these modules, you'll save even more bytes.
http://purecss.io/
Si, Pure és una opció, però malgrat la seva mida, des del meu criteri molt particular, no arriba a ser tan complet com els abans esmentats.
El que m'agrada d'Pure és que et dóna el bàsic i és molt ràpid d'aprendre i implementar, pots usar-lo en un lloc i et dóna marge per fer alguna cosa original, no quedes «bootstrapified» com la majoria.
Amic, crec que ha deixat fora un dels grans rivals de l'Bootstrap ... Foundation
És cert ... em va passar Fundation que és un altre dels grans, possiblement el més gran competidor de Bootstrap pel que diuen.
Amic et mancat un d'important materializecss. Salutacions
Foundation és el millor framework per a disseny d'interfícies, el més complet i el més versàtil, i sí és un gran competidor de bootstrap, encara que bootstrap no li llga a la sola de les sabates.
Molt interessant, no els coneixia. També m'ha estranyat no veure foundation en aquesta llista.
de fet el en lloc de l'enllaç que deixa a del principi aquesta foundation que sens dubte és un dels mes forts competidors.
Vaig a començar a pensar més en aquests framework per a alguns desenvolupaments, per ara totes les webs responsives les escric des de 0, cent més plaer a l'escriure tot Xd
A la fi de el dia són totes iguals. Lletres ben grans sobre fons blanc
Backend Rules 😀
La veritat que en aquest moment, em ve molt bé aquest post, gràcies 😉
Estic usant semàntica ui i no és tan intuïtiu que diguem
Sense Materialize, ni Foundation, aquesta llista és bullshit.
Per que ho diu qui? On està escrit que han d'estar aquests dos específicament? Si llegeixes els comentaris (cosa que a l'sembla no has fet) veuràs que reconec que em va faltar Fundation, però la llista que veus en aquest article està basada en la meva apreciació, i no has d'estar d'acord amb ella, però tampoc dir que és escombraries.
Hola, molt bon article. Però volia comentar-te que sembla ser que algú ho ha copiat a la seva web sense reflectir la font original. No sé com tracteu aquests assumptes, però vaig pensar que t'agradaria saber-ho. L'enllaç és: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
Una salutació.
Si, és normal que això passi. Ja em vaig posar en contacte amb els responsables de el lloc 😉
Excel·lent contribució! Bootstrap sens dubte va obrir les portes perquè gent com jo que sóc bo per al backend però pèssim per al frontend al css pugui lliurar un producte amb aspecte decent. Potser no va ser la forma correcta en la qual van haver de mencionar-però coincideixo que a aquesta llista li cal MaterializeCSS; un framework lleuger, potent, amb aparença de material design i corba d'aprenentatge més meravellosa possible. En 10 minuts vaig poder muntar una interfície molt agradable gràcies a aquest framework. La seva documentació és tan senzilla que comparada amb la de bootstrap la fa semblar enginyeria aeroespacial. Així que suggereixo donar-li una mirada a Materialize (materializecss.com). Salutacions!