Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
2481158a72219f42b701cf0fcef12971?s=48 rvillarreal
0
240
A1f12e862e83260e52dfd82a2b977741?s=48 crovellai
0
150
2163d9d97279e1e5feef7eed6dbff59a?s=48 mmueno
0
530
6d91cf9d7d3eb0954425a0a8aef69bef?s=48 andreh
0
120
F2231d064e658439a1f0b710b0c9ead0?s=48 nobtak
0
240
6dc9d93f9686439079e45277848c1d67?s=48 chadwickw
0
210
Aa6af9be6e75ea624bd188f7468f4f00?s=48 toshiharutakemoto
3
200
5a3748e144f6a12ae46f8076b2512d07?s=48 nodoka
2
170
2481158a72219f42b701cf0fcef12971?s=48 rvillarreal
0
150
B03f0d05d316c10bc396a66fb265b86f?s=48 littlebusters
0
130
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
130
2d25e12912ed16b70c1754dd10177d82?s=48 danpark001
1
3k

Featured

See All Featured
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
62
3.4k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
338
16k
245cee81a9c424266e5e401d844ea881?s=48 lara
16
2.6k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
241
21k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
437
28k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
1.4k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
27
930
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
26
1.3k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
106
14k
78b475797a14c84799063c7cd073962f?s=48 holman
461
280k

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