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

Sass: With Great Power Comes Great Responsibility

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
Making the RBS Parser Faster
Avatar for Soutaro Matsumoto soutaro
0
640
2026年のソフトウェア開発を考える（2026/05版） / Software Engineering Scrum Fest Niigata 2026 Edition
Avatar for Takuto Wada twada
PRO
19
9.4k
Lightning-Fast Method Calls with Ruby 4.1 ZJIT / RubyKaigi 2026
Avatar for Takashi Kokubun k0kubun
3
2.2k
tRPCの概要と少しだけパフォーマンス
Avatar for Keigo Ebihara misoton665
2
260
AI時代のエンジニアリングの原則 / Engineering Principles in the AI ​​Era
Avatar for haru860 haru860
0
970
Terraform言語の静的解析 / static analysis of Terraform language
Avatar for Kazuma Watanabe wata727
1
130
PHPでローカル環境用のSSL/TLS証明書を発行することはできるのか？ #phpconkagawa
Avatar for akase244 akase244
0
300
ハーネスエンジニアリングにどう向き合うか 〜ルールファイルを超えて開発プロセスを設計する〜 / How to approach harness engineering
Avatar for r-kagaya rkaga
26
17k
PHPでバイナリをパースして理解するASN.1
Avatar for muno92 muno92
PRO
0
370
🦞OpenClaw works with AWS
Avatar for matsukada licux
1
320
Back to the roots of date
Avatar for jinroq jinroq
0
620
PCOVから学ぶコードカバレッジ #phpcon_odawara
Avatar for hideki kinjyo o0h
PRO
0
290

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
150
17k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
Design in an AI World
Avatar for tapps tapps
1
210
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
110
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
240
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.8k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
200
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.6k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k

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