SASS och kompass för webbdesigners Bygga ett tema

Vi ska fortsätta vår titt på SASS and Compass, den här gången förbereder oss för en komplett webbplatskonfiguration. Under de kommande skärmdumparna använder vi en populär Themeforest .psd-design, som översätter den till ett HTML / CSS-projekt med våra nya funna SASS och Compass-färdigheter. Det finns mycket att göra, så låt oss gå!


Handlingsplan

Till att börja med tittar vi på ännu en programvara för att kompilera våra SASS- och Compass-filer, och vi tittar på vad vi ska bygga i den här serien.

Alternativt Ladda ner videon, eller prenumerera på Webdesigntuts + skärmdumpar via iTunes!


Variabler, Mixins och Funktioner

Detta är en kort introduktion till variabler, mixins och funktioner.

Alternativt Ladda ner videon, eller prenumerera på Webdesigntuts + skärmdumpar via iTunes!


Ställa in projektet

Låt oss nu konfigurera projektet, importera vissa beroenden och prata om partials och standardvariabler. Vi är redo att börja skriva SCSS.

Alternativt Ladda ner videon, eller prenumerera på Webdesigntuts + skärmdumpar via iTunes!


Användbara resurser

  • SASS
  • SASS-dokumentation
  • Kompass
  • CodeKit
  • Normalisera
  • Blankwork
  • Hej! Creative PSD-mall