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
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
290
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
290
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
230
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.3k
How to go from research data to insights?
mastervicedesign
0
230
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
500
マンガで分かるサービスデザインガイドライン
senryakuka
1
640
ZKK_001.pdf
nicholaspegu
0
1.5k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
620
横断組織デザイナーの働き方
mixi_design
PRO
0
330
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
890
LayerX DesignersDeck
layerx
PRO
0
2.7k
Featured
See All Featured
It's Worth the Effort
3n
184
28k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Gamification - CAS2011
davidbonilla
80
5.1k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
For a Future-Friendly Web
brad_frost
176
9.5k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Agile that works and the tools we love
rasmusluckow
328
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