SASS e Compass per i web designer costruire un tema

Continueremo a guardare SASS e Compass, questa volta preparandoci per una compilazione di modelli di siti Web completi. Durante i prossimi screencast utilizzeremo un popolare design di .psd Themeforest, traducendolo in un progetto HTML / CSS con le nostre nuove competenze SASS e Compass. C'è molto da fare, quindi andiamo!


Piano di azione

Per cominciare esamineremo l'ennesima applicazione software per compilare i nostri file SASS e Compass e vedremo cosa costruiremo in questa serie.

In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite iTunes!


Variabili, Mixin e Funzioni

Questa è una breve introduzione alle variabili, ai mix e alle funzioni.

In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite iTunes!


Impostazione del progetto

Ora impostiamo il progetto, importiamo alcune dipendenze e parliamo di partial e variabili predefinite. Siamo pronti per iniziare a scrivere SCSS.

In alternativa, scarica il video o iscriviti a Webdesigntuts + screencast tramite iTunes!


Risorse utili

  • SASS
  • Documentazione SASS
  • Bussola
  • CodeKit
  • Normalizzare
  • Blankwork
  • Ciao! Modello PSD creativo