Els millors frameworks CSS de codi obert

Encara que la major part dels llocs web corren sota un gestor de continguts, hi ha molt a dir en favor de la creació d'un portal des de zero. I, de tota manera, també els gestors de continguts necessiten que algú s'ocupi del seu aspecte visual. En aquest post anem a repassar algunes de les millors eines per a la creació de fulls d'estil CSS.

Comencem pel principi. Què és CSS?

Com seria la casa dels teus somnis? Tindria un o dos pisos? Et agradarien les habitacions a baix i la cuina dalt? Per què no posar la banyera al dormitori ?.

I un cop resolt això, quin color pintaries les habitacions? ¿El front ho faries de pedra?

Podem fer una analogia entre un lloc web i una casa. D'una banda tenim l'estructura de el lloc i de l'altra l'aspecte visual.  En el cas l'estructura es determina amb un pla i l'aspecte visual veient mostres de decoració.

CSS és la sigla en anglès de Fulles d'Estil en Cascada. Mentre que l'HTML s'utilitza per estructurar un document web (definint coses com pàgines, encapçalats i indicant quan incrustar imatges, vídeo i altres mitjans) CSS estableix l'estil de disseny de la pàgina, els colors i la tipografia.

amb CSS es pot definir l'estil per a cada element HTML. Els elements són els components HTML individuals d'una pàgina web.

Els fulls d'estil poden ser externes, internes o en línia. En el cas de voler utilitzar-les en forma externes cal guardar-les com arxius .css i indicar-li a l'arxiu .html on trobar-los.

En la modalitat interna les instruccions s'escriuen a la capçalera d'una pàgina .html específica .Això fa més lenta la càrrega de la pàgina i més complicada les modificacions.

Amb la modalitat en línia, el full d'estil extern s'allotja en un servidor diferent. Són especialment adequades quan volem utilitzar-les diverses vegades.

Què és un framework CSS?

Els frameworks CSS són eines utilitzades pels desenvolupadors d'interfícies d'usuari per fer més ràpid el seu treball. En lloc de crear solucions des de zero cada vegada que sorgeix un nou projecte, lus frameworks brinden als desenvolupadors les eines per crear ràpidament interfícies d'usuari que es poden ajustar i iterar a mesura que es necessiten.

En poques paraules els podem definir als frameworks com una col·lecció de fulls d'estil CSS que estan preparades i llestes per utilitzar en diferents tipus de situacions.

L'estalvi de temps no és l'únic benefici que s'obté a l'usar els frameworks CSS. A l'utilitzar-los s'estandarditzen els dissenys i permeten a un desenvolupador llegir fàcilment el codi d'un altre desenvolupador.

Els millors frameworks CSS de codi obert

Bootstrap

Segons ells mateixos, Bootstrap és el més popular dels frameworks per a HTML, CSS i JS. És ideal per a dissenyar llocs adaptats per a mòbils (Mobile first) i responsius.

Fundació

Sembla que la gent que fa framework no té àvia.
Fundació es descriu com «El framework adaptable més avançat de l'món»

És una eina útil per crear llocs web i aplicacions web amb èmfasi en les necessitats empresarials. Facebook, eBay, Mozilla, Adobe, HP, Cisco, i Disney estan entre els seus usuaris.

Bulma

Bulma és un framework CSS gratuït i de codi obert basat en Flexbox i utilitzat per més de 200.000 desenvolupadors.

Flexbox, va ser dissenyat per ajudar a distribuir l'espai entre els ítems d'una interfície i millorar les capacitats d'alineació. Flexbox maneja el disseny en una sola dimensió a la vegada - ja sigui com a fila o com a columna. Això contrasta amb el model bidimensional de l'Grid Layout de CSS, el qual controla columnes i files alhora.

IU semàntica

IU semàntica és un framework de desenvolupament que ajuda a crear dissenys bonics i receptius fent servir HTML amigable per a l'ésser humà.

Aquest framework promet permetre'ns construir bells dissenys amb els seus més de 3000 variables temàtiques i més de 50 components d'interfície d'usuari.

També s'integra amb biblioteques externs, incloent React, Angular, Meteor o Ember.