Corsi on-line

Mobi: framework CSS per il mobile

Mobi è un micro-framework CSS appositamente concepito per la stilizzazione di applicazioni Web mobile first; la libreria occupa appena 3.6 Kb quando compressa tramite GZip, caratteristica che la rende meno ingombrante rispetto a risorse dello stesso tipo, anche molto utilizzate presso gli sviluppatori, come per esempio Skeleton, PureCSS e Bootstrap (ivi compresa la quarta versione del noto frontend engine).layoutCome anticipato, il focus del progetto è fortemente incentrato sull’ecosistema mobile, questo però non significa che gli output prodotti non garantiranno un elevato livello di rendering anche sul Desktop, nel caso specifico di quest’ultimo le pagine verranno quindi visualizzate con una sidebar alla loro sinistra o alla loro destra che ne consentirà la navigazione.

L’utilizzo di Mobi è abbastanza semplice, si potrà scaricare localmente il package del framework dal sito ufficiale per poi richiamare il foglio di stile minificato (percorso “dist/mobi.min.css“) all’interno della pagina che si intende stilizzare, oppure installare la libreria come modulo npm per NodeJS attraverso la seguente istruzione:

npm install --save mobi.css

Nel caso in cui si utilizzi l’estensione SASS (Syntactically Awesome Stylesheets), si potrà eseguire rapidamente il building del file mobi.css nel modo seguente:

@import 'mobi.css/src/mobi';

Rilasciato sotto licenza Open Source (MIT License), Mobi offre un supporto esteso per la maggior parte dei browser più diffusi sia su iOS che su Android.

Via Mobi

Post correlati
I più letti del mese
Tematiche