Framework css: Le migliori alternative a Bootstrap

In questo articolo parliamo di Framework Css, ovvero i migliori alleati di Radice.

Bootstrap ormai lo conosciamo tutti e sfido qualunque web designer a non averci mai avuto a che fare.

Nato nel 2011 Da Mark Otto e Jacob Thornton, bootstrap è il leader incontrastato nella sua categoria e nel momento in cui scrivo ha oltre 128 mila stelle su GitHub.

Pur essendo indiscutibilmente un ottimo framework, la sua vera forza non sta nella qualità ma nella sua popolarità che rende possibile reperire migliaia e migliaia di temi, articoli, tutorial, video ed integrazioni di terze parti.

Tuttavia con il passare degli anni la concorrenza si è fatta numerosa ed agguerrita.

In questo articolo vediamo quindi le migliori alternative a Bootstrap analizzandone le caratteristiche ed i migliori contesti di utilizzo.

Foundation

Foundation è un framework css open source molto professionale stabile e leggero e probabilmente, dopo Bootstrap, è anche il più conosciuto.

Uno dei suoi pregi è la versatilità, è infatti perfetto per template email, web app mobile first ed ovviamente siti web.

Ottima la gestione del responsive.

Buon supporto e tanti tutorial che rendono possibile imparare ad utilizzarlo in poco tempo.

Semantic UI

Semantic UI, come suggerisce anche il nome, ha lo scopo di rendere il processo di creazione di siti Web più semantico.

La sua peculiarità è avere un codice molto leggibile, loro lo chiamano “human friendly HTML”.

Sul sito ufficiale ci sono tonnellate di elementi e temi oltre ad una documentazione ben organizzata e buone guide.

La sua grande usabilità lo rende un ottimo framework, quindi merita sicuramente una prova.

Bulma

Mi sbilancio, Bulma è a mio avviso uno dei migliori se non il migliore.

In questo caso, a differenza di Bootstrap, abbiamo un framework totalmente html e css, senza js.

Si contraddistingue per una grande semplicità di utilizzo e immediatezza, anche grazie a delle classi molto leggibili.

Contiene inoltre ottimi elementi UI puliti e moderni e permette di importare solo le funzionalità che ti servono per quel progetto.

Skeleton

Skeleton è un Framework Css leggerissimo e molto semplice da utilizzare.

È progettato per realizzare la struttura e non le interfacce, quindi prevede che tutta la parte di UI la facciate voi, il che, a mio parere, è un bene.

Si basa su una griglia flottante di 12 colonne che lo rende perfetto per il mobile first.

Perfetto per piccoli progetti.

Pure css

Pure Css, come suggerisce il nome è un framework interamente Css, senza Js, ed è basato su Normalize.css.

La struttura è costruita su una lista di moduli da unire per creare qualsiasi progetto.

È un framework molto leggero quindi ottimo per il mobile first

Anche in questo caso ci troviamo davanti ad un framework progettato per le strutture e che lascia allo sviluppatore la realizzazione della parte grafica.

Groundwork

Groundwork è un framework, basato su Sass e Compass, leggero, responsive e progettato per creare progetti scalabili.

Ha un’ottima struttura basata su una griglia di 12 di elementi flottanti che rende le interfacce perfettamente visualizzabili su qualsiasi dispositivo.

La documentazione ufficiale è chiara ed esaustiva e sul sito sono disponibili numerosi modelli di layout preimpostati.

Cardinal

Cardinal è un Framework Css pensato appositamente per le performance e la scalabilità e dei progetti mobile first.

La struttura è basata su un sistema di griglie reattive.

Anche in questo caso siamo di fronte ad un framework impostato principalmente sulla struttura. Pur avendo infatti alcune classi predefinite il grosso della UI la deve fare il web designer.

Mueller

Mueller è basato su Sass e Compass e da’ la possibilità di costruire le griglie aggiungendo classi direttamente agli elementi HTML o utilizzando la funzione grid ().

La griglia di Mueller può essere utilizzata inoltre in accoppiata con la libreria Javascript di Masonry per creare un layout simile a Pinterest.

Materialize

Materialize è un framework frontend basato sui principi di material design di Google.

In questo caso l’UI è una parte molto importante del framework.

Materialize infatti è ottimo per creare interfacce in pieno stile material design in maniera semplice e rapida.

Sul sito sono presenti numerosi esempi ed una documentazione dettagliata, quindi la fase di apprendimento è rapida e ben assistita.

Ul kit

Ul Kit è un framework non molto conosciuto ma dalla popolarità in crescita.

Sarà molto familiare a chi utilizza bootstrap, infatti le logiche e la struttura modulare sono molto simili.

Dalla sua ha una grande leggerezza ed una buona quantità di componenti pronti da utilizzare o personalizzare.

Topcoat

Topcoat è un Framework Css Realizzato dal team di Adobe.

È veloce e pulito, ottimo per progettare rapidamente interfacce dal design minimal.

È un framework pensato ed ottimizzato per le performance.

La chicca è che permette di scaricare i psd di tutto.

Conclusioni

Quando si parla di framework del genere, ma più generalmente di tool, è sempre bene tenere a mente che non è possibile definire cosa sia meglio e cosa sia peggio.

Quelli che vi abbiamo presentato sono tutti ottimi framework, la scelta va fatta in base al contesto di utilizzo, ovvero alle necessità che si hanno per quel dato progetto.

 

 

Ti è piaciuto questo articolo?

Condividilo con i tuoi contatti a cui potrebbe tornare utile!