SASS og kompass for webdesignere Bygg et tema

Vi skal fortsette å se på SASS and Compass, denne gangen forbereder oss på en komplett nettsidemallbygging. Under de kommende screencastene bruker vi en populær Themeforest .psd-design, som oversetter den til et HTML / CSS-prosjekt med våre nye funnet SASS and Compass-ferdigheter. Det er mye å gjøre, så la oss gå!


Handlingsplan

Til å begynne med ser vi på enda et annet program for å kompilere våre SASS- og Compass-filer, og vi ser på hva vi skal bygge i denne serien.

Alternativt Last ned videoen, eller abonner på Webdesigntuts + screencasts via iTunes!


Variabler, Mixins og Funksjoner

Dette er en kort introduksjon til variabler, mixins og funksjoner.

Alternativt Last ned videoen, eller abonner på Webdesigntuts + screencasts via iTunes!


Sette opp prosjektet

La oss nå sette opp prosjektet, importere noen avhengigheter, og snakke om partials og standardvariabler. Vi er alle klar til å begynne å skrive SCSS.

Alternativt Last ned videoen, eller abonner på Webdesigntuts + screencasts via iTunes!


Nyttige ressurser

  • SASS
  • SASS-dokumentasjon
  • Kompass
  • CodeKit
  • normal~~POS=TRUNC
  • Blankwork
  • Hei! Creative PSD-mal