Living Style Guides In Sass

00065382e220ffbc1f20668c1ac3454a?s=47 canarymason
October 16, 2012
Design
3
270

Living Style Guides In Sass

Presented at the NYC Sass Meetup (October 2012) at Pivotal Labs.

00065382e220ffbc1f20668c1ac3454a?s=128

canarymason

October 16, 2012
Tweet

More Decks by canarymason

See All by canarymason
00065382e220ffbc1f20668c1ac3454a?s=48 canarymason
3
170
00065382e220ffbc1f20668c1ac3454a?s=48 canarymason
8
370

Other Decks in Design

See All in Design
53686ab0d1d54666a9ca00dd0086a68f?s=48 kobiebrett
0
500
669da7d026c150d287276fe75ab536cb?s=48 kuroko
2
3.6k
9158c2f8454a336c2c91a896bd6383bf?s=48 elisa89cristantielli
4
130
Cf9808b306096a913709da756edeb665?s=48 uxevents
0
180
92fccf6caea24341b74dfbd9509edb34?s=48 aaronimation
1
190
7e0c7d1a8943ab11891a7e304eb384cd?s=48 tthhmmss
2
180
534038df473acff10c2ecabc4a6f426e?s=48 jerbonds
0
190
608638a6cfefbf0c2294a30e55634f6d?s=48 mihozono
2
930
0d8a5f112b203f084178d4432b10e354?s=48 chyanime
0
130
07d788425ce835a38da4ab23a537b407?s=48 gavaru
0
140
Be03d0fc8a97304786fc6bbab5ae4725?s=48 edraza
2
230
46e41ca0b51f32fd97f5d46ff33e3a23?s=48 zk_phi
1
130

Featured

See All Featured
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1348
190k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
330
29k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
300
16k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
195
9.4k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
164
6.7k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
144
19k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
1
27
282d599b414022eba5096510f675b6e2?s=48 chrislema
169
14k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
218
110k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.2k
11c84dff30266b907714802088852677?s=48 jasonvnalue
80
7.8k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
65
250k

Transcript

  1. Living Style Guides & Sass Wednesday, October 17, 12

  2. Hi, I’m Mason @codingdesigner I design and make websites. I

    love CSS and Sass. Probably too much. Wednesday, October 17, 12

  3. I Make Sass Extensions github.com/canarymason Wednesday, October 17, 12

  4. Crazy things sassy mother effing text shadow sassymothereffingtextshadow.com Wednesday, October

    17, 12

  5. Modular Scale Calculate typographic scales github.com/scottkellum/modular-scale with @scottkellum Wednesday, October

    17, 12

  6. Breakpoint Really simple media queries in Sass breakpoint-sass.com with @snugug

    Wednesday, October 17, 12

  7. Survival Kit A Toolset for Designing Web Sites in the

    Browser thecodingdesigner.com/survivalkit Wednesday, October 17, 12

  8. Contact Me Zivtech zivtech.com Mason Wendell - Creative Director Twitter,

    Dribbble & Drupal: codingdesigner github: canarymason Wednesday, October 17, 12

  9. I Wednesday, October 17, 12

  10. Living Style Guides Wednesday, October 17, 12

  11. BBC GEL Wednesday, October 17, 12

  12. OLI.JP Wednesday, October 17, 12

  13. Zivtech.com Wednesday, October 17, 12

  14. What’s so great? Wednesday, October 17, 12

  15. Your style guide is a: Design Cop Wednesday, October 17,

    12

  16. Your style guide is a: Design Catalog Wednesday, October 17,

    12

  17. Your style guide is a: Design Sherpa Wednesday, October 17,

    12

  18. And Also: Code Teacher Responsive Ready Client Pleasing Institutional Memory

    Wednesday, October 17, 12

  19. II Wednesday, October 17, 12

  20. What’s Sass got to do with it? Wednesday, October 17,

    12

  21. Variables Define colors, dimensions, etc Wednesday, October 17, 12

  22. Mixins Abstract your design ideas into reusable formulas Wednesday, October

    17, 12

  23. Extend Put reused code into reusable silent selectors Wednesday, October

    17, 12

  24. Partials and Nesting Compartmentalize design modules Encourage more flexible and

    future-friendly styles Wednesday, October 17, 12

  25. Use Creativly Wednesday, October 17, 12

  26. Always be Refactoring Wednesday, October 17, 12

  27. What is a Sass, and How Will I Know if

    I’m Shaking it? Wednesday, October 17, 12

  28. Ship. Wednesday, October 17, 12

  29. Questions & Contact Zivtech zivtech.com Mason Wendell - Creative Director

    Twitter, Dribbble & Drupal: codingdesigner github: canarymason Wednesday, October 17, 12