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

SCSS vs Less - the Face-off

Avatar for Mike Street Mike Street
November 11, 2013
Technology
190
0

SCSS vs Less - the Face-off

A presentation with benefits for switching from Less to SCSS

Avatar for Mike Street

Mike Street

November 11, 2013

More Decks by Mike Street

See All by Mike Street
The Digital Bucket List for People in the Web
Avatar for Mike Street mikestreety
0
630

Other Decks in Technology

See All in Technology
#jawssonic2026 あの時代が悪かった ~動かなかったSageMakerと共に迎えたイベント当日~
Avatar for Kana Kitagawa ktkn1129
0
130
書籍『生成AIの安全性入門』の入門
Avatar for Koki Wataoka wataoka
0
200
「重なり」は迎える側がつくる ― 人もAIエージェントも歓迎するプロダクトエンジニアリング ―
Avatar for Go Akazawa go0517go
PRO
0
220
IDperturb: Enhancing Variation in Synthetic Face Generation via Angular Perturbation
Avatar for SansanTech sansantech
PRO
0
120
『止めない』を設計する — 制約の中で、事業の根幹を支える判断
Avatar for Terry hiroyaterui
0
140
Sony-DroidKaigi2026
Avatar for ソニー株式会社 sony
1
310
【視聴者参加型！】AWSセキュリティアンチパターンクイズ
Avatar for Shun Yoshie syoshie
0
200
Webとヘルスデータ
Avatar for Yuku Kotani yukukotani
0
160
全社に広がるMCPサーバーを、 どう安全に管理するか MCPass開発の舞台裏
Avatar for k.muguruma mtpooh
3
280
GuardDuty 検知対応を DevOps Agent で効率化しようとしている話 / GuardDuty Investigations with DevOps Agent
Avatar for MasahiroKawahara masahirokawahara
1
280
When Token Pruning is Worse than Random: Understanding Visual Token Information in VLLMs
Avatar for SansanTech sansantech
PRO
0
240
Nav2、Nav3 ... はたまた自作？〜 作って理解する Nav3 の設計意図 〜 / Nav2, Nav3 ... or Build Your Own? — Understanding Nav3's design intent by building it from scratch
Avatar for Yuki Anzai yanzm
0
200

Featured

See All Featured
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
240
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
35
2.8k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
430
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
200
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
12k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.6k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
350
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.8k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k

Transcript

  1. Scss vs Less You decide...

  2. Variables Scss Less Draw

  3. Mixins Scss Less Winner

  4. Using Mixins Scss Less Draw

  5. Readability Scss Less Winner

  6. Extend Scss Less Winner

  7. Learning Scss Less Winner

  8. Moving on...

  9. Mixin ifs/where Scss Less Winner

  10. Loops Scss Less Winner

  11. Bonus! Source Map Scss Less Winner

  12. Scss And the winner is? A presentation by Mike Street

    (@mikestreety) Less framework: https://github.com/bozboz/boss/ Scss framework: https://github.com/bozboz/luigi/