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

Sass: With Great Power Comes Great Responsibility

Roy Tomeij
October 08, 2014
Programming
0
300

Sass: With Great Power Comes Great Responsibility

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

Roy Tomeij

October 08, 2014
Tweet

More Decks by Roy Tomeij

See All by Roy Tomeij
Empathy through Acting
roy
1
92
What (Not) to Do
roy
0
75
You and the Big Stage
roy
0
38
Future of Preprocessors
roy
0
140
Make Them Click
roy
0
210
0 to 80 in 40 Minutes
roy
2
180
The Future of CSS Isn't CSS
roy
5
870
Front-End: Fun, Not Frustration
roy
1
1k
Sass in the Real World
roy
2
500

Other Decks in Programming

See All in Programming
Spring と AWS サービスを活用して実現する安全なデプロイメント / How to launch safely using Spring and AWS services
kanamasa
4
210
Laravelへの異常な愛情 または私は如何にして心配するのを止めてEloquentを愛するようになったか
kentaroutakeda
6
3.3k
Deep in 国際化ドメイン名
kageshiron
0
340
一緒にスクラム開発___GPT-4と人間が共創するプロダクトの進化.pdf
itohiro73
5
6.1k
DevRel/Japan 2023 - １つの事業部だけで行う DevRel とは
hcrane
0
330
Babylon.js書籍出版の裏側。ツイートから始まった奇跡の1年を振り返る
iwaken71
0
100
NIFTY Tech Talk #09 ニフティトップのNext.jsでのキャッシュ戦略を考えた話
niftycorp
0
110
NIFTY Tech Talk #09 テンプレートエンジン+jQueryからNext.jsに置き換える
niftycorp
0
110
改めて整理するWebアプリのビルド・デプロイの基本【コンテナ編】
os1ma
2
300
macのunicode正規化.pdf
mski_iksm
0
9.9k
Spring Modulithで始めるモジュラモノリス開発
yutootsuka
2
270
ChatGPTによるデータ変換がもたらすインパクト
masahiro_nishimi
3
3.7k

Featured

See All Featured
Building an army of robots
kneath
300
41k
A designer walks into a library…
pauljervisheath
199
16k
Why You Should Never Use an ORM
jnunemaker
PRO
49
8k
Bash Introduction
62gerente
602
210k
Automating Front-end Workflow
addyosmani
1351
200k
GraphQLの誤解/rethinking-graphql
sonatard
39
8k
What’s in a name? Adding method to the madness
productmarketing
PRO
13
2k
Art, The Web, and Tiny UX
lynnandtonic
284
18k
Design by the Numbers
sachag
271
18k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1.1M
jQuery: Nuts, Bolts and Bling
dougneiner
57
6.7k
The Art of Programming - Codeland 2020
erikaheidi
36
11k

Transcript

  1. With Great Power
    Comes Great
    Responsibility

    View Slide

  2. Sass-‐Man

    View Slide

  3. Sass doesn't
    create bad code

    View Slide

  4. Bad coders do

    View Slide

  5. That’s on us

    View Slide

  6. That’s on them

    View Slide

  7. What’s on us?

    View Slide

  8. Drive a screw
    with a hammer

    View Slide

  9. Feature abuse

    View Slide

  10. Not knowing
    our audience

    View Slide

  11. Sass is slow
    to compile

    View Slide

  12. What’s on
    them?

    View Slide

  13. Sass isn’t a
    programming
    language

    View Slide

  14. Treat CSS as a
    machine
    language

    View Slide

  15. @extend makes
    for ugly
    selectors

    View Slide

  16. Duplicate
    media queries

    View Slide

  17. Mixins produce
    bloated code

    View Slide

  18. Always use
    arguments or
    @content

    View Slide

  19. Nesting screws
    up specificity

    View Slide

  20. Nesting brings
    context

    View Slide

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

    View Slide

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

    View Slide

  23. Don’t edit the
    damn CSS

    View Slide

  24. Roy Tomeij
    @roy

    View Slide