Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Sass: With Great Power Comes Great Responsibility

Avatar for Roy Tomeij Roy Tomeij
October 08, 2014
Programming
440
0

Sass: With Great Power Comes Great Responsibility

Bottom line: don't blame the tool, don't abuse the tool, and know your audience.

Avatar for Roy Tomeij

Roy Tomeij

October 08, 2014

More Decks by Roy Tomeij

See All by Roy Tomeij
Empathy through Acting
Avatar for Roy Tomeij roy
1
150
What (Not) to Do
Avatar for Roy Tomeij roy
0
120
You and the Big Stage
Avatar for Roy Tomeij roy
0
100
Future of Preprocessors
Avatar for Roy Tomeij roy
0
190
Make Them Click
Avatar for Roy Tomeij roy
0
320
0 to 80 in 40 Minutes
Avatar for Roy Tomeij roy
2
290
The Future of CSS Isn't CSS
Avatar for Roy Tomeij roy
5
1.2k
Front-End: Fun, Not Frustration
Avatar for Roy Tomeij roy
1
1.1k
Sass in the Real World
Avatar for Roy Tomeij roy
2
540

Other Decks in Programming

See All in Programming
GKE で Pod の見方を変えたら、スケールアウト時の挙動を真に捉えられた話
Avatar for Sota Takaki stkk
0
130
AGENTS.md Is Not Enough: Build Skills, Don't Download Them
Avatar for Alex T lx_t
0
120
選挙速報を多くのユーザーへ 届ける Live Activities 設計
Avatar for kengo saito hamayokokuririn
0
150
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
220
XHTMLが残したもの
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
2
820
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
Avatar for convto convto
5
7.5k
The Rails Doctrine Decade
Avatar for Koichi ITO koic
2
160
Security issues being discussed on Web Platforms
Avatar for petamoriken / 森建 petamoriken
0
980
Go × SIMDで高速化するベクトル検索 ~ルーフラインモデルでSIMDが効く境界を探れ！ ~
Avatar for po3rin po3rin
1
2k
SONY CISC-NEWS NWS-1750 + NWB-225 フレームバッファの NetBSD/news68k ドライバ実装 / OSC2026Hiroshima
Avatar for Izumi Tsutsui tsutsui
0
120
MVNOの申込からeSIM開通までをiOSアプリでつなぐ- 本人確認・MNP・通信事業者基盤をまたぐ実装
Avatar for Sato Takeshi satotakeshi
0
440
WebAssembly in Android Apps 〜 WASMはJNIの夢を見るか
Avatar for ARIYAMA Keiji keiji
1
110

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.3k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
360
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.8k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
11k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.6k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
370

Transcript

  1. With Great Power Comes Great Responsibility

  2. Sass-‐Man

  3. Sass doesn't create bad code

  4. Bad coders do

  5. That’s on us

  6. That’s on them

  7. What’s on us?

  8. Drive a screw with a hammer

  9. Feature abuse

  10. Not knowing our audience

  11. Sass is slow to compile

  12. What’s on them?

  13. Sass isn’t a programming language

  14. Treat CSS as a machine language

  15. @extend makes for ugly selectors

  16. Duplicate media queries

  17. Mixins produce bloated code

  18. Always use arguments or @content

  19. Nesting screws up specificity

  20. Nesting brings context

  21. Architecture is outside the {} — Ben Frain (http://roy.io/xxv)

  22. Performance is inside the {} — Ben Frain (http://roy.io/xxv)

  23. Don’t edit the damn CSS

  24. Roy Tomeij @roy