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
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.7k
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
610
ZKK_001.pdf
nicholaspegu
0
1.5k
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
120
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.5k
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.9k
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
210
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
280
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
780
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
110
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
What's in a price? How to price your products and services
michaelherold
244
12k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
The Cult of Friendly URLs
andyhume
78
6.2k
KATA
mclloyd
29
14k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
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