Upload
drupalday
View
195
Download
1
Tags:
Embed Size (px)
Citation preview
Costruire temi con Foundation
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
Cos’è Foundation 5?
La griglia • 12 colonne per riga
• Mobile first • Responsive
Cos’è Foundation 5?
Componenti JS • Aiuti alla navigazione
• Slider di immagini e contenuti • Elementi di form
Cos’è Foundation 5?
Compatibilità con i browser
Cos’è Foundation 5?
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
Costruire temi con Foundation
Un caso concreto: il nuovo design LUISS
Costruire temi con Foundation
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
Un caso concreto: il nuovo design LUISS
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