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
B178bf6ab8dcf16d726d0a4479d0d6a2?s=48 jvmal
0
130
0eb7b7e396243e93a186ba20649d9aa6?s=48 akiramotomura
0
2.5k
9b32c41cb126732f3d05f1323078e037?s=48 seleliao
1
300
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
3
1.3k
A54edea61b670665ef50c725bdef7ed2?s=48 shannonsketches
1
150
B58a3178b6e3838529eaaf8d83765601?s=48 alhernandezart
0
310
C017f3b100cbaa3127ac95d9544c70d9?s=48 maxsbow
1
150
0f4339e081f24aac1a2b186dfd91ff3f?s=48 mirandab
0
260
44f9257897bd33a80d10fc3a10b26f06?s=48 fanny7
1
210
2dd96d0fb363cbdc029639bf0e8452a9?s=48 vincentwu
PRO
0
120
Efe3b32c678d6071ea1f06478fd2156b?s=48 norinity1103
0
450
Bdd9e989b8078ae14ea9abd4d4d81a83?s=48 blakedg95
1
160

Featured

See All Featured
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
32
1.1k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
591
210k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
297
39k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
273
32k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
304
32k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.5k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
61k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
60
7.1k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
96
3.2k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.7k

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