SASS und Compass für Webdesigner Erstellen eines Designs

Wir werden unseren Blick auf SASS und Compass fortsetzen und uns diesmal auf eine vollständige Erstellung von Website-Templates vorbereiten. In den kommenden Screencasts verwenden wir ein beliebtes Designforest-Design .psd, das wir mit unseren neuen SASS- und Compass-Fähigkeiten in ein HTML / CSS-Projekt übersetzen. Es gibt viel zu tun, also machen wir uns auf den Weg!


Aktionsplan

Zunächst betrachten wir eine weitere Softwareanwendung, um unsere SASS- und Compass-Dateien zu kompilieren, und schauen uns an, was wir in dieser Serie bauen werden.

Alternativ können Sie das Video herunterladen oder Webdesigntuts + Screencasts über iTunes abonnieren!


Variablen, Mixins und Funktionen

Dies ist eine kurze Einführung in Variablen, Mixins und Funktionen.

Alternativ können Sie das Video herunterladen oder Webdesigntuts + Screencasts über iTunes abonnieren!


Einrichten des Projekts

Lassen Sie uns nun das Projekt einrichten, einige Abhängigkeiten importieren und über Teilmerkmale und Standardvariablen sprechen. Wir sind bereit, SCSS zu schreiben.

Alternativ können Sie das Video herunterladen oder Webdesigntuts + Screencasts über iTunes abonnieren!


Nützliche Ressourcen

  • SASS
  • SASS-Dokumentation
  • Kompass
  • CodeKit
  • Normalisieren
  • Blankwork
  • Hallo! Kreative PSD-Vorlage