Usare i controller in Foundation for Apps

Con la versione 6, Foundation porta con se anche un nuovo framework: Foundation for Apps!

Come si può intuire, è indirizzato al mobile.

In pratica permette di sviluppare applicazione mobile-oriented, con la possibilità di integrarle in strumenti come Apache Cordova.

Il tutto è basato su Foundation 6 (ovviamente), e su AngularJS.

Se create una nuova app, noterete che non ci sono i classici controller di AngularJS ai quali siamo abituati.

Tutto questo perchè ogni pagina, di default, si riferisce ad un controller di default: il DefaultController.

CSS Framework: una rapida occhiata

NEWS: 27/12/2015

Ovviamente con questo articolo non voglio coprire tutti i framework esistenti, ma solo quelli che ho provato.

Vi propongo una mia personale classifica, dal più gradito, in base a diversi punti.

Cominciamo.

TWITTER BOOTSTRAP

Testato ed usato in produzione sia nella versione 2 che nella 3.

Lo trovo il migliore per molti motivi:

• completo, anche di componenti da usare con Javascript (l'unica cosa che non mi piace e non uso è il carousel)
• grafica pulita e leggera
• abbastanza semplice da usare
• anche se completo non è pesante
• disponibile anche attraverso i CDN (io amo CDN e affini)
• ottima documentazione
• tantissimi tutorial
• piento di add-on e plugin in giro per il web
• il responsive funziona bene
• attraverso Bootstrap Magic è possibile creare versioni personalizzate del CSS

Gode, ovviamente, anche del fatto di essere stato uno dei primi, e di essere "sponsorizzato" da Twitter.

Menu centrato in Foundation

Foundation è un frameowrk CSS che sta riscuotendo un buon successo.

Lo trovo un'ottima alternativa a Twitter Bootstrap.

Una problematica abbastanza richiesta è come centrare il menu.

Allora procedendo con ordine, prima scaricate la libreria dal link sopra.

Come potete vedere viene scaricata anche una versione di Modernizr (qui i dettagli su questa libreria).