Sass for designers — the talk and the case study

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 che…


This content originally appeared on Laura Kalbag’s Blog Posts and was authored by Laura Kalbag

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:

See the Sass for designers slides on my Conferences page.

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](https://twitter.com/roy/status/360670152855011328) wrote a post about [when to use mixins vs @extend in Sass](http://roytomeij.com/2013/should-you-use-a-sass-mixin-or-extend.html) following my talk. I didn’t know much about @extend, but now I do! So [this is some additional recommended reading](http://roytomeij.com/2013/should-you-use-a-sass-mixin-or-extend.html).

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.

One comment

  1. A good wee article Laura. Always interested in seeing other workflows. The more I read about Sass, the more powerful it gets.

    Until recently I didn’t know about placeholder selectors. Also, with RWD projects I’ve moved my breakpoint calls into a mixin and passing the breakpoint by a variable.

    So many great tools out there at the moment :-)

Read the original post, 'Sass for designers — the talk and the case study'.


This content originally appeared on Laura Kalbag’s Blog Posts and was authored by Laura Kalbag


Print Share Comment Cite Upload Translate
APA
Laura Kalbag | Sciencx (2022-10-01T04:18:19+00:00) » Sass for designers — the talk and the case study. Retrieved from https://www.scien.cx/2013/07/26/sass-for-designers-the-talk-and-the-case-study/.
MLA
" » Sass for designers — the talk and the case study." Laura Kalbag | Sciencx - Friday July 26, 2013, https://www.scien.cx/2013/07/26/sass-for-designers-the-talk-and-the-case-study/
HARVARD
Laura Kalbag | Sciencx Friday July 26, 2013 » Sass for designers — the talk and the case study., viewed 2022-10-01T04:18:19+00:00,<https://www.scien.cx/2013/07/26/sass-for-designers-the-talk-and-the-case-study/>
VANCOUVER
Laura Kalbag | Sciencx - » Sass for designers — the talk and the case study. [Internet]. [Accessed 2022-10-01T04:18:19+00:00]. Available from: https://www.scien.cx/2013/07/26/sass-for-designers-the-talk-and-the-case-study/
CHICAGO
" » Sass for designers — the talk and the case study." Laura Kalbag | Sciencx - Accessed 2022-10-01T04:18:19+00:00. https://www.scien.cx/2013/07/26/sass-for-designers-the-talk-and-the-case-study/
IEEE
" » Sass for designers — the talk and the case study." Laura Kalbag | Sciencx [Online]. Available: https://www.scien.cx/2013/07/26/sass-for-designers-the-talk-and-the-case-study/. [Accessed: 2022-10-01T04:18:19+00:00]
rf:citation
» Sass for designers — the talk and the case study | Laura Kalbag | Sciencx | https://www.scien.cx/2013/07/26/sass-for-designers-the-talk-and-the-case-study/ | 2022-10-01T04:18:19+00:00
https://github.com/addpipe/simple-recorderjs-demo