Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Living Style Guides In Sass
Search
canarymason
October 16, 2012
Design
3
380
Living Style Guides In Sass
Presented at the NYC Sass Meetup (October 2012) at Pivotal Labs.
canarymason
October 16, 2012
Tweet
Share
More Decks by canarymason
See All by canarymason
Mobile and Responsive Design with Sass
canarymason
3
240
The Coding Designer's Survival Kit
canarymason
8
470
Other Decks in Design
See All in Design
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
430
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
4.1k
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
280
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
0
230
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
590
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
550
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
870
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Why Our Code Smells
bkeepers
PRO
335
57k
Documentation Writing (for coders)
carmenintech
67
4.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
A better future with KSS
kneath
238
17k
RailsConf 2023
tenderlove
29
1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
31
2.1k
GraphQLとの向き合い方2022年版
quramy
44
13k
Navigating Team Friction
lara
183
15k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Transcript
Living Style Guides & Sass Wednesday, October 17, 12
Hi, I’m Mason @codingdesigner I design and make websites. I
love CSS and Sass. Probably too much. Wednesday, October 17, 12
I Make Sass Extensions github.com/canarymason Wednesday, October 17, 12
Crazy things sassy mother effing text shadow sassymothereffingtextshadow.com Wednesday, October
17, 12
Modular Scale Calculate typographic scales github.com/scottkellum/modular-scale with @scottkellum Wednesday, October
17, 12
Breakpoint Really simple media queries in Sass breakpoint-sass.com with @snugug
Wednesday, October 17, 12
Survival Kit A Toolset for Designing Web Sites in the
Browser thecodingdesigner.com/survivalkit Wednesday, October 17, 12
Contact Me Zivtech zivtech.com Mason Wendell - Creative Director Twitter,
Dribbble & Drupal: codingdesigner github: canarymason Wednesday, October 17, 12
I Wednesday, October 17, 12
Living Style Guides Wednesday, October 17, 12
BBC GEL Wednesday, October 17, 12
OLI.JP Wednesday, October 17, 12
Zivtech.com Wednesday, October 17, 12
What’s so great? Wednesday, October 17, 12
Your style guide is a: Design Cop Wednesday, October 17,
12
Your style guide is a: Design Catalog Wednesday, October 17,
12
Your style guide is a: Design Sherpa Wednesday, October 17,
12
And Also: Code Teacher Responsive Ready Client Pleasing Institutional Memory
Wednesday, October 17, 12
II Wednesday, October 17, 12
What’s Sass got to do with it? Wednesday, October 17,
12
Variables Define colors, dimensions, etc Wednesday, October 17, 12
Mixins Abstract your design ideas into reusable formulas Wednesday, October
17, 12
Extend Put reused code into reusable silent selectors Wednesday, October
17, 12
Partials and Nesting Compartmentalize design modules Encourage more flexible and
future-friendly styles Wednesday, October 17, 12
Use Creativly Wednesday, October 17, 12
Always be Refactoring Wednesday, October 17, 12
What is a Sass, and How Will I Know if
I’m Shaking it? Wednesday, October 17, 12
Ship. Wednesday, October 17, 12
Questions & Contact Zivtech zivtech.com Mason Wendell - Creative Director
Twitter, Dribbble & Drupal: codingdesigner github: canarymason Wednesday, October 17, 12