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
0
390

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
Tweet

More Decks by Roy Tomeij

See All by Roy Tomeij
Empathy through Acting
Avatar for Roy Tomeij roy
1
120
What (Not) to Do
Avatar for Roy Tomeij roy
0
93
You and the Big Stage
Avatar for Roy Tomeij roy
0
71
Future of Preprocessors
Avatar for Roy Tomeij roy
0
170
Make Them Click
Avatar for Roy Tomeij roy
0
290
0 to 80 in 40 Minutes
Avatar for Roy Tomeij roy
2
250
The Future of CSS Isn't CSS
Avatar for Roy Tomeij roy
5
1.1k
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
Rancher と Terraform
Avatar for Ryoma Fujiwara fufuhu
2
160
個人軟體時代
Avatar for Ethan Huang ethanhuang13
0
280
AIでLINEスタンプを作ってみた
Avatar for kmuto eycjur
1
220
もうちょっといいRubyプロファイラを作りたい (2025)
Avatar for osyoyu osyoyu
0
220
Nuances on Kubernetes - RubyConf Taiwan 2025
Avatar for Andrey Novikov envek
0
220
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
Avatar for Ryo Okubo syucream
2
790
testingを眺める
Avatar for matumoto matumoto
1
130
AHC051解法紹介
Avatar for eijirou eijirou
0
640
私の後悔をAWS DMSで解決した話
Avatar for 平目 hiramax
4
180
TDD 実践ミニトーク
Avatar for Daisuke Garaike contour_gara
1
260
Claude Codeで挑むOSSコントリビュート
Avatar for kmuto eycjur
0
190
rage against annotate_predecessor
Avatar for Junichi Kobayashi junk0612
0
140

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.5k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
51
5.6k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
It's Worth the Effort
Avatar for 3n 3n
187
28k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
30
9.6k

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