Jochem de Wit - Portfolio

Sass & SCSS

'Syntactically Awesome Style Sheets'

Snelle, efficiënte manier om CSS te schrijven.


Bij deze opdracht was het doel om kennis te maken met SCSS en Sass. Sass en SCSS zijn style sheet programmeertalen waarin je sneller je pagina kan stylen dan met gewone CSS. Om Sass te gebruiken maak je gebruik van de command line en een .sass of .scss document. Vervolgens style je in dat document je pagina met de documentatie van Sass of SCSS en deze code word automatisch en direct omgezet naar gewone CSS waaraan je HTML-document gelinkt is.

Vooral bij lange pagina's en grote projecten vind ik het fijn om met SCSS te werken. Sass vind ik persoonlijk minder overzichtelijk, dus in eigen projecten heb ik een voorkeur naar SCSS.

Voor deze opdracht kreeg ik een foto van een pagina (Pixel Perfect) die ik na moest maken met SCSS.

Gebruikte programmeertalen


- Sass

- CSS

- SCSS