SASS și Compass pentru Web Designeri Construirea unei teme

Vom continua să ne uităm la SASS și Compass, de data aceasta pregătindu-ne pentru o construcție completă a șabloanelor de site-uri web. În timpul programelor următoare, vom folosi un design populat Themeforest .psd, traducându-l într-un proiect HTML / CSS cu noile noastre abilități SASS și Compass. Sunt multe de făcut, deci hai să mergem!


Plan de actiune

În primul rând, vom examina o altă aplicație software pentru a compila fișierele noastre SASS și Compass și vom analiza ceea ce vom construi în această serie.

Alternativ, descarcă videoclipul sau abonați la programele Webdesigntuts + prin intermediul iTunes!


Variabile, mixuri și funcții

Aceasta este o scurtă introducere a variabilelor, mixurilor și funcțiilor.

Alternativ, descarcă videoclipul sau abonați la programele Webdesigntuts + prin intermediul iTunes!


Configurarea proiectului

Acum, să organizăm proiectul, să importăm unele dependențe și să discutăm despre partiale și variabilele implicite. Suntem pregătiți să începem să scriem SCSS.

Alternativ, descarcă videoclipul sau abonați la programele Webdesigntuts + prin intermediul iTunes!


Resurse utile

  • SASS
  • Documentația SASS
  • Busolă
  • CodeKit
  • Normaliza
  • Blankwork
  • Bună! Modelul PSD creativ