Yesterday I gave a talk at the fantastic online conference CSS Summit on ‘Sass for designers’. It uses my new site Web Talk Dog Walk as a case study, and explains the basics of Sass and how to get started using CodeKit.
Usually I wouldn’t recommend checking out my slides, as they’re useless without me explaining them, but as this was an online conference and I wanted the slides to be extra clear in case of technical problems, they hopefully read in a fairly easy-to-follow way:
I’ve also made most of the site code (the stuff not covered by other people’s licenses!) available on GitHub. I’ve tried to make the commits fit in with the slides as much as possible.
Edits: the very kind Roy Tomeij wrote a post about when to use mixins vs @extend in Sass following my talk. I didn’t know much about @extend, but now I do! So this is some additional recommended reading.
Andy Spicer also asked if I could share my Sketch mockups for the site design. You can download the zipped .sketch file here. I use the latest version of the Sketch beta, so you’ll need to use this to open the file as it may not be compatible with older versions.