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
430
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
94
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
530

Other Decks in Programming

See All in Programming
Observability in Practice：Grafana 與 Edge Device SRE 的那些事
Avatar for Blueswen blueswen
0
160
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
680
技術記事、AIに書かせるか、自分で書くか？ 〜それでも私が自分の手で書く理由〜 / #QiitaConference
Avatar for Junichi Ito jnchito
2
1.4k
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
Avatar for hirokuni-maeta hirokunimaeta
0
560
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
Avatar for Daisuke Garaike contour_gara
0
540
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
Avatar for ioki ioki
0
200
3Dシーンの圧縮
Avatar for Fadis fadis
1
770
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
Avatar for nrs nrslib
4
1.4k
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
Avatar for Hajime Kato hjmkth
1
270
AIだと陥りがちなJakarta EE最新技術への移行時の落とし穴と解決策
Avatar for tnagao7 tnagao7
0
110
The ROI of Quarkus for Spring Boot Applications
Avatar for Holly Cummins hollycummins
0
120
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
580

Featured

See All Featured
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
280
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
320
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
62
44k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.6k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k

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