Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sass: With Great Power Comes Great Responsibility

Avatar for Roy Tomeij Roy Tomeij
October 08, 2014
Programming
420
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
130
What (Not) to Do
Avatar for Roy Tomeij roy
0
110
You and the Big Stage
Avatar for Roy Tomeij roy
0
91
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
280
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
520

Other Decks in Programming

See All in Programming
決定論 vs 確率論：Gemini 3 FlashとTF-IDFを組み合わせた「法規判定エンジン」の構築
Avatar for Shu Kobuchi shukob
0
150
リセットCSSを1行消したらアクセシビリティが向上した話
Avatar for pvcresin pvcresin
4
480
AWSコミュニティ活動は顧客のクラウド推進に効くのか / Do AWS community activities help customers adopt the cloud?
Avatar for shiro seike seike460
PRO
0
170
cloudnative conference 2026 flyle
Avatar for azihsoyn azihsoyn
0
100
エラー処理の温故知新 / history of error handling technic
Avatar for nakaryo ryotanakaya
7
1.8k
GitHubCopilotCLIをはじめよう.pdf
Avatar for tkym htkym
0
320
mruby on C#: From VM Implementation to Game Scripting (RubyKaigi 2026)
Avatar for hadashiA hadashia
2
1.6k
Claude Code × Gemini × Ebitengine ゲーム制作素人WebエンジニアがGoでゲームを作った話
Avatar for webzawa webzawa
0
220
過去のレビュー知見をSkillsで資産化した話
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
1
1.3k
Making the RBS Parser Faster
Avatar for Soutaro Matsumoto soutaro
0
660
The Less-Told Story of Socket Timeouts
Avatar for Misaki Shioi(塩井美咲/しおい) coe401_
3
960
Agent Skills を社内で育てる仕組み作り
Avatar for jackchuka jackchuka
1
1.3k

Featured

See All Featured
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
540
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
560
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
120
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
370
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.7k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
6
630
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
290
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.4k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
170
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.9k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
290

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