Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Living Style Guides In Sass
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
canarymason
October 16, 2012
Design
440
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Living Style Guides In Sass
Presented at the NYC Sass Meetup (October 2012) at Pivotal Labs.
canarymason
October 16, 2012
Transcript
29 slides
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
More Decks by canarymason
See All by canarymason
Mobile and Responsive Design with Sass
canarymason
3
270
The Coding Designer's Survival Kit
canarymason
8
570
Other Decks in Design
See All in Design
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
320
開閉UIのアニメーション設計
hiro0218
2
1.1k
設計の進め方と 品質特性品質特性
harakeishi
0
1.5k
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
150
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり〜リビングラボの事例を通じて〜
a2k
0
140
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
160k
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
1.4k
ポートフォリオ_あやの
ngyenmazt1412
0
2.1k
デザインハーネスをつくるハーネス|誰でも自社らしいデザインをつくれるようにする仕組み
katakai
0
1.5k
noteらしさを織り込むハーネスエンジニアリング
uto
0
2.9k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
680
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
570
Featured
See All Featured
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
1
240
How to build a perfect <img>
jonoalderson
1
6.2k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
12k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
570
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
380
Design in an AI World
tapps
1
390
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
2
2.1k
For a Future-Friendly Web
brad_frost
184
11k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
400
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
460
Test your architecture with Archunit
thirion
2
2.5k