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
290

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
380

Other Decks in Design

See All in Design
342011d3ddbec60bc73c8a4d6a562911?s=48 videlvequio
0
160
859e8975e599ea0d6d9e84eb9e35bdb6?s=48 3mp
0
600
Ca63f6ee64787c337d905b069085324c?s=48 juliannaromero
0
810
8571d8fd5b2b95795838231608ab0023?s=48 fuller_hrpr
PRO
1
380
Eb3f099a0ad1b2f8ff9180432ab10d72?s=48 mollysart
1
140
635b0000e69f3203c8b41df47293d451?s=48 takumasaito
3
1.2k
25448e5eb61d4fd7b35ed73d722f9ad9?s=48 sawa_zen
2
570
6d91cf9d7d3eb0954425a0a8aef69bef?s=48 andreh
0
140
1439b2421bf9af4d7353a76c5355b6d6?s=48 diegoa4863
1
500
Fc694de2505b503024a336d557c67b77?s=48 surmillon
0
410
6d1638800e2a9d65745b91bfeb929966?s=48 earthkarnravee
2
200
3d895659a74acee6d37b3674f6f7b650?s=48 heewon
1
470

Featured

See All Featured
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
92
4.2k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
149
12k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
449
36k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
307
32k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
57
9.6k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
218
16k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
36
2.5k
78b475797a14c84799063c7cd073962f?s=48 holman
294
140k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
235
960k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
120
7.4k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
16
910
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
54k

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