I framework css forniscono un’infrastruttura di base da cui iniziare lo sviluppo di un sito web. La maggior parte dei framework contengono strumenti per facilitare la creazione di layout indipendenti dal dispositivo (Responsive Design), set di icone, formattazione di base del documento e alcuni elementi d’interfaccia pronti per essere utilizzati.

In questo articolo una lista dei framework css più popolari in questo momento tra cui scegliere.

Com’è fatto un framework css

Generalizzare il funzionamento di tutti i framework è difficile, perché ognuno utilizza soluzioni più o meno diverse dagli altri ma in genere ogni framework è formato da uno o più file che contengono una serie di stili css già pronti per essere applicati, attraverso delle classi css, al proprio documento.

La maggior parte dei framework proposti in questo articolo contengono un foglio di stile di reset o di normalizzazione, gli stili per il layout, le mediaquery necessarie per adattare il layout ai vari dispositivi, gli stili di base per il testo. Alcuni contengono anche un set completo di icone applicabili mediante css.

Alcuni framework mettono a disposizione dello sviluppatore anche una serie di componenti di interfaccia utente (UI) interattivi realizzati in javascript o in jQuery che possono essere inclusi nel proprio progetto con estrema facilità.

Molti framework sono modulari così da non dover includere file css o javascript di grandi dimensioni anche in siti molto semplici.

Alcuni framework, per velocizzare il lavoro di personalizzazione, possono essere utilizzati anche con i preprocessori CSS:

In altri framework l’utilizzo di Sass o Less è obbligatorio.

Bootstrap

Il framework più usato mette a disposizione stili per il layout (Mobile First), il testo, i moduli, le icone e un set completo di componenti d’interfaccia utente (UI) realizzati con jQuery.

Bootstrap: il più popolare framework css

Bootstrap: il più popolare framework css

Bootstrap dispone di una documentazione semplice, completa e veloce da utilizzare.

Licenza: MIT

Foundation

L’alternativa più comune a Bootstrap, è definito dagli autori come il più avanzato front-end framework. Framework completo e adatto a qualsiasi tipo di sito web.

Foundatione: veloce da imparare, da usare e da visualizzare nei browser

Foundatione: veloce da imparare, da usare e da visualizzare nei browser

Licenza: MIT

Pure

Pure è un piccolissimo, solo 4.4Kb, e anche modulare, ma senza rinunciare a tutte le comodità di un framework completo: layout, testo, moduli e componenti d’interfaccia.

Pure css: semplice e modulare

Pure css: semplice e modulare

Licenza: Yahoo BSD License

Kube Web Framework

Uno dei più avanzati e flessibili framework, almeno secondo gli autori. Può essere facilmente modificato con Less. Molto ricca la collezione di componenti d’interfaccia utente realizzati in javascript.

Kube Web Framework: uno dei più avanzati framework css

Kube Web Framework: uno dei più avanzati framework css

Licenza: MIT

Gumby

Uno dei più flessibili framework esistenti. Gumby è modulare ed è possibile scaricare una copia personalizzata.

Gumby: flessibile, semplice e basato su sass

Gumby: flessibile, semplice e basato su sass

Licenza: MIT

Ink – Interface Kit

Ink è un framework completo, flessibile, responsivo, semplice da usare e personalizzabile con Sass.

Ink: personalizzabile, semplice, responsivo

Ink: personalizzabile, semplice, responsivo

Licenza: MIT

UIKit

Front end leggero e modulare adatto a qualsiasi progetto. UIKit è personalizzabile mediante una comoda interfaccia web.

UIKit: leggero e modulare front-end framework

UIKit: leggero e modulare front-end framework

Licenza: MIT

Topcoat

Framework velocissimo perché rivolto in particolare alle applicazioni web e ai componenti d’interfaccia utente. Dispone anche di un font e di un set di icone.

TopCoat: veloce e completo framework css

TopCoat: veloce e completo framework css

Licenza: Apache License

Yaml

Yaml è un framework flessibile e completo che essere personalizzato mediante Sass .

Yaml css: framework veloce e modulare

Yaml css: framework veloce e modulare

Licenza: CC-BY 2.0

Base

Semplice e veloce framework compatibile fino a Internet Explorer 7. Richiede un compilatore Sass o Less per poter essere utilizzato.

Base: tutto il necessario per iniziare un progetto

Base: tutto il necessario per iniziare un progetto

Licenza: MIT

Cardinal

Piccolo e completo framework css che supporta il preprocessore css Less.

Cardinal: un completo framework css

Cardinal: un completo framework css

Licenza: MIT

Cascade Framework

Completo, modulare, responsivo e con una ricca serie di componenti di interfaccia tra cui un foglio di calcolo semplificato, un grafico a barre e vari tipi di pannelli.

Cascade Framework: modulare e completo

Cascade Framework: modulare e completo

Licenza: MIT

Concise css

Concise css utilizza Sass per creare gli stili css da utilizzare limitare l’utilizzo delle classi di cui gli altri framework abusano.

Concise css: espandibile, veloce e perfetto per tutti i dispositivi

Concise css: espandibile, veloce e perfetto per tutti i dispositivi

Licenza: MIT

Ivory

Interessante framework, semplice ma completo che consente di realizzare velocemente un sito web.

Ivory: semplice, veloce e potente framework

Ivory: semplice, veloce e potente framework

Licenza: GPLv2

Knacss

Framework semplice, leggero e ben documentato.

Kna css: semplice e leggero framework

Kna css: semplice e leggero framework

Licenza: wtfpl (!!!!!!!!)

Min css

Solo 995 byte per un’intero framework css completo di layout a griglia semplificato, formattazione di base del testo e dei form e un limitato set di icone.

Mincss: il più piccolo framework css

Mincss: il più piccolo framework css

Licenza: MIT

Mueller

Sistema a griglia modulare basato su Compass. Utilizza Sass per rendere più veloce lo sviluppo del progetto.

Mueller: sistema  a griglia modulare

Mueller: sistema a griglia modulare

Licenza: BSD

Workless

Semplice ma completo framework per realizzare velocemente siti web. Dispone anche di una serie di pattern predefiniti da usare come background.

Workless

Workless: sviluppare applicazioni web velocemente

Licenza: MIT

Xy css

Interessante framework per sviluppare layout a griglia in modo veloce.

xy.css: sistema di layout a griglia

xy.css: sistema di layout a griglia

Licensa: GNU General Public License

EZ-css

Solo 1Kb per un framework con cui realizzare layout flessibili.

Ez css: solo 1kb per un framework completo

Ez css: solo 1kb per un framework completo

Licenza: MIT e BSD