dday2014 - costruire temi con foundation: facile, riusabile, responsive

Costruire temi con Foundation

Facile, riusabile, responsive

Giovanni Tufo [email protected]


1. Cos’è Foundation 5? 2. Cosa sono SASS e Compass? 3. Un tema base per Drupal 7 con

Foundation 5 4. Un caso concreto: il nuovo design

LUISS 5. Conclusioni

Cos’è Foundation 5? Costruire temi con Foundation

Cos’è Foundation 5?

Foundation 5 è un framework HTML, CSS e javascript che consente di velocizzare

il processo di creazione di layout


La griglia • 12 colonne per riga

• Mobile first • Responsive


Componenti JS • Aiuti alla navigazione

• Slider di immagini e contenuti • Elementi di form


Compatibilità con i browser


Ho bisogno di IE8: http://bit.ly/found5ie8

Cosa sono SASS e Compass? Costruire temi con Foundation

Cosa sono SASS e Compass?

SASS è un preprocessor CSS che estende le funzionalità dei CSS

Cosa sono SASS e Compass?

Compass è un framework per la scrittura dei CSS basato su SASS

Un tema base per Drupal 7 con Foundation 5


Un caso concreto: il nuovo design LUISS


Conclusioni Costruire temi con Foundation

Conclusioni

• Maggiore velocità nella realizzazione grafica

• Meno problemi di compatibilità • Meno problemi di scalabilità tra

dispositivi

dday2014 - costruire temi con foundation: facile, riusabile, responsive

Technology

caso concreto

foundation cos foundation

design luiss conclusioni

foundation facile

conclusioni cos foundation

layout cos foundation

browser cos foundation

scrittura dei css