En el nostre article anterior havíem començat una llista de frameworks útils a l'hora de definir l'aspecte d'un lloc web utilitzant fulls d'estil. Els fulls d'estil ens permeten controlar aspectes com els diferents elements d'un lloc web es han de representar en diferents dispositius.
Termes a tenir en compte
Flexbox: És un model de caixa flexible. unidimensional de disseny i un mètode per ajudar a distribuir l'espai entre els ítems d'una interfície millorant les capacitats d'alineació.
La paraula unidimensional s'usa per destacar el fet que flexbox maneja el disseny en una sola dimensió a la vegada - ja sigui com a fila o com a columna.
CSS Grid Layout (CGL): És un sistema de disseny bidimensional basat en una quadrícula desenvolupat per crear millors interfícies d'usuaris.
CGL permet dividir una pàgina en àrees o regions principals, i facilita definir la relació en termes de mida, posició i capes entre parts d'un control construït a partir de primitives HTML.
De la mateixa manera que amb les taules (el mètode utilitzat en els primers temps de el disseny web) el grid layout permet alinear elements en columnes i files. Però, a diferència del que succeeix amb les taules, amb CSS Grid són possibles molts més dissenys i de forma més senzilla.
Alguns frameworks CSS més
CSS pur
Pure CSS és un framework CSS lleuger i responsiu creat per Yahoo el 2014. Està construït usant Normalize.css ies útiil per a la creació de dissenys responsius usant grillas i menús. Pure és responsiu per defecte, ia diferència de Bootstrap, no permet crear dissenys fixos.
Kit d'interfície d'usuari
es proposa com un framework lleuger i modular per crear interfícies web ràpides i potents. Malgrat la seva mida reduïda se les arregla per oferir gairebé totes les característiques d'altres frameworks.
Podeu crear interfícies web senzilles, netes i modulars amb el seu conjunt d'icones SVG, molts components, capacitat de responsius, estils unificats i opcions de personalització. A més, també pot dissenyar dissenys complexos basats en flexbox amb el kit d'interfície d'usuari fent servir HTML simple.
Mustard UI
és ideal per a principiants. Els seus components estan dividits en mòduls; quadrícules base de Flexbox, botons, taules, formularis i targetes.
Materialitzar CSS
En aquest cas es tracta d' un framework per la crear interfícies Material Design desenvolupat per Google
És l'alternativa adequada per a qualsevol que vulgui dissenyar llocs web o aplicacions web per Android perquè ve amb classes i components llestos per utilitzar. Pots començar ràpidament a utilitzar les seves plantilles d'inici.
Materialize CSS utilitza el format de quadrícula de 12 columnes de Bootstrap perquè puguis crear ràpidament dissenys de pàgines responsivas.
CSS de vent de cua
Ara hablamos d'un framework CSS altament personalitzable. A diferència de Bootstrap, que crea una interfície d'usuari d'aspecte genèric, Tailwind permet als desenvolupadors personalitzar els dissenys i donar-los un aspecte únic.
Milligram
En aquest cas també tenim un framework minimalista.
Amb només 2kb (comprimit), Milligram si les arregla per proporcionar un complet conjunt d'eines de desenvolupament web. Els usuaris també poden usar totes les característiques ofertes per l'especificació CSS3.
Esquelet
Sembla que els frameworks responsius i minimalistes estan de moda. Esquelet té només 400 línies de codi.
De totes maneres, se les arregla per oferir-nos moltes opcions de quadrícules, tipografia, botons, formularis, llistes, taules i codi que poden utilizrse per a la creació de llocs web complexos.
espectre
espectre és un framework que pot contribuir a la creació de llocs de forma més ràpida i flexible amb elements elegantment dissenyats, bella tipografia, i components pre-construïts.
picnic CSS
aquesta biblioteca que també pot usar-se en línia, no arriba als 10 kb estant comprimida. Proporciona a l'desenvolupador components purs de CSS i interactius, incloent quadrícules, formularis, pestanyes, consells d'eines i alertes. La biblioteca t'ajuda a crear un lloc web receptiu i belles aplicacions web.
Base
Marc desenvolupat usant un codi lleuger i mínim. Malgrat la seva disseny simple és molt potent. Els desenvolupadors i dissenyadors poden utilitzar-crear llocs web i aplicacions web que responguin als estàndards web i les exigències dels cercadors.