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
250
The Coding Designer's Survival Kit
canarymason
8
480
Other Decks in Design
See All in Design
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
370
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
250
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
1k
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
1.2k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
0
120
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
320
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
210
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
590
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
300
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
240
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
320
セブンデックス カルチャーブック
sevendex
1
9.5k
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
183
22k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Optimising Largest Contentful Paint
csswizardry
36
3.2k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Java REST API Framework Comparison - PWX 2021
mraible
30
8.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
13
680
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
178
53k
A designer walks into a library…
pauljervisheath
205
24k
Agile that works and the tools we love
rasmusluckow
328
21k
Practical Orchestrator
shlominoach
186
11k
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
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